Colour
#3CA2B0
- #3CA2B0
- Cyan
- Dark
- Nearest: Cadetblue
#3CA2B0 is a cyan with RGB values 60, 162, 176 and HSL 187°, 49%, 46%. It is a dark colour, so black text on it reaches 7:1 contrast (AA for normal text). The nearest named colour is Cadetblue.
Colour values
#3CA2B0#3CA2B0
HEX#3CA2B0
RGBrgb(60, 162, 176)
RGB (0–1)0.2353, 0.6353, 0.6902
RGB percentages23.5%, 63.5%, 69%
HSLhsl(187.2, 49.2%, 46.3%)
HSV / HSBhsv(187.2, 65.9%, 69%)
CMYK65.9%, 8%, 0%, 31%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,973,808
CSS custom property--colour: #3CA2B0;
Brightness & contrast
Relative luminance0.29936WCAG 2.x, 0 is black and 1 is white
Perceived brightness141.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 6.99:1
Contrast with white3.01:1WCAG normal text: Fail
Contrast with black6.99:1WCAG normal text: AA
Greyscale equivalent#8D8D8D
Inverted#C35D4F
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.01:1WCAG large text: AA
Contrast with black, large text6.99:1WCAG large text: AAA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#B04A3C
Analogous#3CB084, #3C68B0
Triadic#B03CA2, #A2B03C
Split complementary#B03C68, #B0843C
Tetradic#843CB0, #B04A3C, #68B03C
Tints, shades & saturation
Channel breakdown
R60
G162
B176
Red60 (23.5%)
Green162 (63.5%)
Blue176 (69%)
Hue187.24°
Saturation (HSL)49.15%
Lightness46.27%
Dominant channelBlue
Hex per channelR 3C · G A2 · B B0
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