Recognised as Colour
#30178F
- #30178F
- Blue
- Dark
- Nearest: Navy
#30178F is a blue with RGB values 48, 23, 143 and HSL 252°, 72%, 33%. It is a dark colour, so white text on it reaches 12.8:1 contrast (AAA for normal text). The nearest named colour is Navy.
Colour values
#30178F#30178F
HEX#30178F
RGBrgb(48, 23, 143)
RGB (0–1)0.1882, 0.0902, 0.5608
RGB percentages18.8%, 9%, 56.1%
HSLhsl(252.5, 72.3%, 32.5%)
HSV / HSBhsv(252.5, 83.9%, 56.1%)
CMYK66.4%, 83.9%, 0%, 43.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,151,759
CSS custom property--colour: #30178F;
Brightness & contrast
Relative luminance0.03224WCAG 2.x, 0 is black and 1 is white
Perceived brightness57.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 12.77:1
Contrast with white12.77:1WCAG normal text: AAA
Contrast with black1.64:1WCAG normal text: Fail
Greyscale equivalent#252525
Inverted#CFE870
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text12.77:1WCAG large text: AAA
Contrast with black, large text1.64:1WCAG large text: Fail
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#768F17
Analogous#173A8F, #6C178F
Triadic#8F3017, #178F30
Split complementary#8F6C17, #3A8F17
Tetradic#8F173A, #768F17, #178F6C
Tints, shades & saturation
Channel breakdown
R48
G23
B143
Red48 (18.8%)
Green23 (9%)
Blue143 (56.1%)
Hue252.5°
Saturation (HSL)72.29%
Lightness32.55%
Dominant channelBlue
Hex per channelR 30 · G 17 · B 8F
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page