#332E94
≈ midnightblue · rgb(51, 46, 148)
Color formats
HEX#332E94
RGBrgb(51, 46, 148)
HSLhsl(243, 53%, 38%)
HSVhsv(243, 69%, 58%)
OKLCHoklch(38% 0.16 278)
CMYKcmyk(66%, 69%, 0%, 42%)
Contrast & accessibility
On white10.72:1AA pass
On black1.96:1below AA
Best text color#FFFFFF
Nearest CSS name: midnightblue
Copy-ready code
CSS custom properties
:root {
--midnightblue: #332e94;
--midnightblue-rgb: 51 46 148;
--midnightblue-oklch: oklch(38% 0.16 278);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--midnightblue-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#332e94] text-[#332e94] border-[#332e94]
Shades & tints
50
#E4E4ED
100
#D1D1E2
200
#A9A7D0
300
#7C78C2
400
#4B46B9
500
#332E94
600
#2C2875
700
#232057
800
#19183A
900
#0E0E1F
950
#090811
Color harmonies
Complementary
#8F942E
Analogous −30°
#2E5C94
Analogous +30°
#662E94
Triadic +120°
#94332E
Triadic −120°
#2E9433
About this color
#332E94 is a color with the RGB value rgb(51, 46, 148). Its closest CSS named color is "midnightblue". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.