Recognised as Colour
#054A52
- #054A52
- Cyan
- Dark
- Nearest: Dark slate grey
#054A52 is a cyan with RGB values 5, 74, 82 and HSL 186°, 89%, 17%. It is a dark colour, so white text on it reaches 10:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.
Colour values
#054A52#054A52
HEX#054A52
RGBrgb(5, 74, 82)
RGB (0–1)0.0196, 0.2902, 0.3216
RGB percentages2%, 29%, 32.2%
HSLhsl(186.2, 88.5%, 17.1%)
HSV / HSBhsv(186.2, 93.9%, 32.2%)
CMYK93.9%, 9.8%, 0%, 67.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer346,706
CSS custom property--colour: #054A52;
Brightness & contrast
Relative luminance0.05539WCAG 2.x, 0 is black and 1 is white
Perceived brightness63.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 9.96:1
Contrast with white9.96:1WCAG normal text: AAA
Contrast with black2.11:1WCAG normal text: Fail
Greyscale equivalent#3C3C3C
Inverted#FAB5AD
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text9.96:1WCAG large text: AAA
Contrast with black, large text2.11:1WCAG large text: Fail
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#520D05
Analogous#055234, #052452
Triadic#52054A, #4A5205
Split complementary#520524, #523405
Tetradic#340552, #520D05, #245205
Tints, shades & saturation
Channel breakdown
R5
G74
B82
Red5 (2%)
Green74 (29%)
Blue82 (32.2%)
Hue186.23°
Saturation (HSL)88.51%
Lightness17.06%
Dominant channelBlue
Hex per channelR 05 · G 4A · B 52
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