Recognised as Colour
#22178D
- #22178D
- Blue
- Dark
- Nearest: Navy
#22178D is a blue with RGB values 34, 23, 141 and HSL 246°, 72%, 32%. It is a dark colour, so white text on it reaches 13.3:1 contrast (AAA for normal text). The nearest named colour is Navy.
Colour values
#22178D#22178D
HEX#22178D
RGBrgb(34, 23, 141)
RGB (0–1)0.1333, 0.0902, 0.5529
RGB percentages13.3%, 9%, 55.3%
HSLhsl(245.6, 72%, 32.2%)
HSV / HSBhsv(245.6, 83.7%, 55.3%)
CMYK75.9%, 83.7%, 0%, 44.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,234,253
CSS custom property--colour: #22178D;
Brightness & contrast
Relative luminance0.02876WCAG 2.x, 0 is black and 1 is white
Perceived brightness54.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 13.33:1
Contrast with white13.33:1WCAG normal text: AAA
Contrast with black1.58:1WCAG normal text: Fail
Greyscale equivalent#222222
Inverted#DDE872
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text13.33:1WCAG large text: AAA
Contrast with black, large text1.58:1WCAG large text: Fail
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#828D17
Analogous#17478D, #5D178D
Triadic#8D2217, #178D22
Split complementary#8D5D17, #478D17
Tetradic#8D1747, #828D17, #178D5D
Tints, shades & saturation
Channel breakdown
R34
G23
B141
Red34 (13.3%)
Green23 (9%)
Blue141 (55.3%)
Hue245.59°
Saturation (HSL)71.95%
Lightness32.16%
Dominant channelBlue
Hex per channelR 22 · G 17 · B 8D
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