Recognised as Colour
#3C6556
- #3C6556
- Cyan
- Dark
- Nearest: Dark slate grey
#3C6556 is a cyan with RGB values 60, 101, 86 and HSL 158°, 25%, 32%. It is a dark colour, so white text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Dark slate grey.
Colour values
#3C6556#3C6556
HEX#3C6556
RGBrgb(60, 101, 86)
RGB (0–1)0.2353, 0.3961, 0.3373
RGB percentages23.5%, 39.6%, 33.7%
HSLhsl(158, 25.5%, 31.6%)
HSV / HSBhsv(158, 40.6%, 39.6%)
CMYK40.6%, 0%, 14.9%, 60.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,958,102
CSS custom property--colour: #3C6556;
Brightness & contrast
Relative luminance0.1094WCAG 2.x, 0 is black and 1 is white
Perceived brightness88.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.59:1
Contrast with white6.59:1WCAG normal text: AA
Contrast with black3.19:1WCAG normal text: Fail
Greyscale equivalent#5B5B5B
Inverted#C39AA9
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text6.59:1WCAG large text: AAA
Contrast with black, large text3.19:1WCAG large text: AA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#653C4B
Analogous#3C6542, #3C6065
Triadic#563C65, #65563C
Split complementary#653C60, #65423C
Tetradic#413C65, #653C4B, #60653C
Tints, shades & saturation
Channel breakdown
R60
G101
B86
Red60 (23.5%)
Green101 (39.6%)
Blue86 (33.7%)
Hue158.05°
Saturation (HSL)25.47%
Lightness31.57%
Dominant channelGreen
Hex per channelR 3C · G 65 · B 56
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