Colour
#4021AA
- #4021AA
- Blue
- Dark
- Nearest: Dark blue
#4021AA is a blue with RGB values 64, 33, 170 and HSL 254°, 67%, 40%. It is a dark colour, so white text on it reaches 10.4:1 contrast (AAA for normal text). The nearest named colour is Dark blue.
Colour values
#4021AA#4021AA
HEX#4021AA
RGBrgb(64, 33, 170)
RGB (0–1)0.251, 0.1294, 0.6667
RGB percentages25.1%, 12.9%, 66.7%
HSLhsl(253.6, 67.5%, 39.8%)
HSV / HSBhsv(253.6, 80.6%, 66.7%)
CMYK62.4%, 80.6%, 0%, 33.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,202,922
CSS custom property--colour: #4021AA;
Brightness & contrast
Relative luminance0.0508WCAG 2.x, 0 is black and 1 is white
Perceived brightness71.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 10.42:1
Contrast with white10.42:1WCAG normal text: AAA
Contrast with black2.02:1WCAG normal text: Fail
Greyscale equivalent#313131
Inverted#BFDE55
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text10.42:1WCAG large text: AAA
Contrast with black, large text2.02:1WCAG large text: Fail
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#8BAA21
Analogous#2146AA, #8521AA
Triadic#AA4021, #21AA40
Split complementary#AA8521, #46AA21
Tetradic#AA2146, #8BAA21, #21AA85
Tints, shades & saturation
Channel breakdown
R64
G33
B170
Red64 (25.1%)
Green33 (12.9%)
Blue170 (66.7%)
Hue253.58°
Saturation (HSL)67.49%
Lightness39.8%
Dominant channelBlue
Hex per channelR 40 · G 21 · B AA
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