Recognised as Colour
#220C84
- #220C84
- Blue
- Dark
- Nearest: Navy
#220C84 is a blue with RGB values 34, 12, 132 and HSL 251°, 83%, 28%. It is a dark colour, so white text on it reaches 14.4:1 contrast (AAA for normal text). The nearest named colour is Navy.
Colour values
#220C84#220C84
HEX#220C84
RGBrgb(34, 12, 132)
RGB (0–1)0.1333, 0.0471, 0.5176
RGB percentages13.3%, 4.7%, 51.8%
HSLhsl(251, 83.3%, 28.2%)
HSV / HSBhsv(251, 90.9%, 51.8%)
CMYK74.2%, 90.9%, 0%, 48.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,231,428
CSS custom property--colour: #220C84;
Brightness & contrast
Relative luminance0.02269WCAG 2.x, 0 is black and 1 is white
Perceived brightness49.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 14.44:1
Contrast with white14.44:1WCAG normal text: AAA
Contrast with black1.45:1WCAG normal text: Fail
Greyscale equivalent#191919
Inverted#DDF37B
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text14.44:1WCAG large text: AAA
Contrast with black, large text1.45:1WCAG large text: Fail
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#6E840C
Analogous#0C3284, #5E0C84
Triadic#84220C, #0C8422
Split complementary#845E0C, #32840C
Tetradic#840C32, #6E840C, #0C845E
Tints, shades & saturation
Channel breakdown
R34
G12
B132
Red34 (13.3%)
Green12 (4.7%)
Blue132 (51.8%)
Hue251°
Saturation (HSL)83.33%
Lightness28.24%
Dominant channelBlue
Hex per channelR 22 · G 0C · B 84
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