Recognised as Colour
#3F97A5
- #3F97A5
- Cyan
- Dark
- Nearest: Cadetblue
#3F97A5 is a cyan with RGB values 63, 151, 165 and HSL 188°, 45%, 45%. It is a dark colour, so black text on it reaches 6.2:1 contrast (AA for normal text). The nearest named colour is Cadetblue.
Colour values
#3F97A5#3F97A5
HEX#3F97A5
RGBrgb(63, 151, 165)
RGB (0–1)0.2471, 0.5922, 0.6471
RGB percentages24.7%, 59.2%, 64.7%
HSLhsl(188.2, 44.7%, 44.7%)
HSV / HSBhsv(188.2, 61.8%, 64.7%)
CMYK61.8%, 8.5%, 0%, 35.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,167,589
CSS custom property--colour: #3F97A5;
Brightness & contrast
Relative luminance0.25907WCAG 2.x, 0 is black and 1 is white
Perceived brightness132.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 6.18:1
Contrast with white3.4:1WCAG normal text: Fail
Contrast with black6.18:1WCAG normal text: AA
Greyscale equivalent#858585
Inverted#C0685A
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text3.4:1WCAG large text: AA
Contrast with black, large text6.18:1WCAG large text: AAA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#A54D3F
Analogous#3FA580, #3F64A5
Triadic#A53F97, #97A53F
Split complementary#A53F64, #A5803F
Tetradic#803FA5, #A54D3F, #64A53F
Tints, shades & saturation
Channel breakdown
R63
G151
B165
Red63 (24.7%)
Green151 (59.2%)
Blue165 (64.7%)
Hue188.24°
Saturation (HSL)44.74%
Lightness44.71%
Dominant channelBlue
Hex per channelR 3F · G 97 · B A5
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