Recognised as Colour
#22219F
- #22219F
- Blue
- Dark
- Nearest: Dark blue
#22219F is a blue with RGB values 34, 33, 159 and HSL 240°, 66%, 38%. It is a dark colour, so white text on it reaches 11.8:1 contrast (AAA for normal text). The nearest named colour is Dark blue.
Colour values
#22219F#22219F
HEX#22219F
RGBrgb(34, 33, 159)
RGB (0–1)0.1333, 0.1294, 0.6235
RGB percentages13.3%, 12.9%, 62.4%
HSLhsl(240.5, 65.6%, 37.6%)
HSV / HSBhsv(240.5, 79.2%, 62.4%)
CMYK78.6%, 79.2%, 0%, 37.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,236,831
CSS custom property--colour: #22219F;
Brightness & contrast
Relative luminance0.03931WCAG 2.x, 0 is black and 1 is white
Perceived brightness62.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 11.76:1
Contrast with white11.76:1WCAG normal text: AAA
Contrast with black1.79:1WCAG normal text: Fail
Greyscale equivalent#2A2A2A
Inverted#DDDE60
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text11.76:1WCAG large text: AAA
Contrast with black, large text1.79:1WCAG large text: Fail
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#9E9F21
Analogous#215F9F, #61219F
Triadic#9F2221, #219F22
Split complementary#9F6121, #5F9F21
Tetradic#9F215F, #9E9F21, #219F61
Tints, shades & saturation
Channel breakdown
R34
G33
B159
Red34 (13.3%)
Green33 (12.9%)
Blue159 (62.4%)
Hue240.48°
Saturation (HSL)65.63%
Lightness37.65%
Dominant channelBlue
Hex per channelR 22 · G 21 · B 9F
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