Colour
#02219E
- #02219E
- Blue
- Dark
- Nearest: Dark blue
#02219E is a blue with RGB values 2, 33, 158 and HSL 228°, 98%, 31%. It is a dark colour, so white text on it reaches 12.3:1 contrast (AAA for normal text). The nearest named colour is Dark blue.
Colour values
#02219E#02219E
HEX#02219E
RGBrgb(2, 33, 158)
RGB (0–1)0.0078, 0.1294, 0.6196
RGB percentages0.8%, 12.9%, 62%
HSLhsl(228.1, 97.5%, 31.4%)
HSV / HSBhsv(228.1, 98.7%, 62%)
CMYK98.7%, 79.1%, 0%, 38%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer139,678
CSS custom property--colour: #02219E;
Brightness & contrast
Relative luminance0.03569WCAG 2.x, 0 is black and 1 is white
Perceived brightness59 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 12.25:1
Contrast with white12.25:1WCAG normal text: AAA
Contrast with black1.71:1WCAG normal text: Fail
Greyscale equivalent#232323
Inverted#FDDE61
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text12.25:1WCAG large text: AAA
Contrast with black, large text1.71:1WCAG large text: Fail
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#9E7F02
Analogous#026F9E, #31029E
Triadic#9E0221, #219E02
Split complementary#9E3102, #6F9E02
Tetradic#9E026F, #9E7F02, #029E31
Tints, shades & saturation
Channel breakdown
R2
G33
B158
Red2 (0.8%)
Green33 (12.9%)
Blue158 (62%)
Hue228.08°
Saturation (HSL)97.5%
Lightness31.37%
Dominant channelBlue
Hex per channelR 02 · G 21 · B 9E
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