Recognised as Colour
#306C62
- #306C62
- Cyan
- Dark
- Nearest: Teal
#306C62 is a cyan with RGB values 48, 108, 98 and HSL 170°, 38%, 31%. It is a dark colour, so white text on it reaches 6.1:1 contrast (AA for normal text). The nearest named colour is Teal.
Colour values
#306C62#306C62
HEX#306C62
RGBrgb(48, 108, 98)
RGB (0–1)0.1882, 0.4235, 0.3843
RGB percentages18.8%, 42.4%, 38.4%
HSLhsl(170, 38.5%, 30.6%)
HSV / HSBhsv(170, 55.6%, 42.4%)
CMYK55.6%, 0%, 9.3%, 57.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,173,474
CSS custom property--colour: #306C62;
Brightness & contrast
Relative luminance0.12235WCAG 2.x, 0 is black and 1 is white
Perceived brightness92.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.09:1
Contrast with white6.09:1WCAG normal text: AA
Contrast with black3.45:1WCAG normal text: Fail
Greyscale equivalent#5F5F5F
Inverted#CF939D
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text6.09:1WCAG large text: AAA
Contrast with black, large text3.45:1WCAG large text: AA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#6C303A
Analogous#306C44, #30586C
Triadic#62306C, #6C6230
Split complementary#6C3058, #6C4430
Tetradic#44306C, #6C303A, #586C30
Tints, shades & saturation
Channel breakdown
R48
G108
B98
Red48 (18.8%)
Green108 (42.4%)
Blue98 (38.4%)
Hue170°
Saturation (HSL)38.46%
Lightness30.59%
Dominant channelGreen
Hex per channelR 30 · G 6C · B 62
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