Recognised as Colour
#3FA6BB
- #3FA6BB
- Cyan
- Dark
- Nearest: Cadetblue
#3FA6BB is a cyan with RGB values 63, 166, 187 and HSL 190°, 50%, 49%. It is a dark colour, so black text on it reaches 7.4:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.
Colour values
#3FA6BB#3FA6BB
HEX#3FA6BB
RGBrgb(63, 166, 187)
RGB (0–1)0.2471, 0.651, 0.7333
RGB percentages24.7%, 65.1%, 73.3%
HSLhsl(190.2, 49.6%, 49%)
HSV / HSBhsv(190.2, 66.3%, 73.3%)
CMYK66.3%, 11.2%, 0%, 26.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,171,451
CSS custom property--colour: #3FA6BB;
Brightness & contrast
Relative luminance0.31917WCAG 2.x, 0 is black and 1 is white
Perceived brightness146.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.38:1
Contrast with white2.84:1WCAG normal text: Fail
Contrast with black7.38:1WCAG normal text: AAA
Greyscale equivalent#929292
Inverted#C05944
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.84:1WCAG large text: Fail
Contrast with black, large text7.38:1WCAG large text: AAA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#BB543F
Analogous#3FBB92, #3F68BB
Triadic#BB3FA6, #A6BB3F
Split complementary#BB3F68, #BB923F
Tetradic#923FBB, #BB543F, #68BB3F
Tints, shades & saturation
Channel breakdown
R63
G166
B187
Red63 (24.7%)
Green166 (65.1%)
Blue187 (73.3%)
Hue190.16°
Saturation (HSL)49.6%
Lightness49.02%
Dominant channelBlue
Hex per channelR 3F · G A6 · B BB
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