Recognised as Colour
#63A5AC
- #63A5AC
- Cyan
- Dark
- Nearest: Cadetblue
#63A5AC is a cyan with RGB values 99, 165, 172 and HSL 186°, 31%, 53%. It is a dark colour, so black text on it reaches 7.5:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.
Colour values
#63A5AC#63A5AC
HEX#63A5AC
RGBrgb(99, 165, 172)
RGB (0–1)0.3882, 0.6471, 0.6745
RGB percentages38.8%, 64.7%, 67.5%
HSLhsl(185.8, 30.5%, 53.1%)
HSV / HSBhsv(185.8, 42.4%, 67.5%)
CMYK42.4%, 4.1%, 0%, 32.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,530,476
CSS custom property--colour: #63A5AC;
Brightness & contrast
Relative luminance0.32541WCAG 2.x, 0 is black and 1 is white
Perceived brightness149.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.51:1
Contrast with white2.8:1WCAG normal text: Fail
Contrast with black7.51:1WCAG normal text: AAA
Greyscale equivalent#979797
Inverted#9C5A53
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.8:1WCAG large text: Fail
Contrast with black, large text7.51:1WCAG large text: AAA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#AC6A63
Analogous#63AC8E, #6381AC
Triadic#AC63A5, #A5AC63
Split complementary#AC6381, #AC8F63
Tetradic#8E63AC, #AC6A63, #80AC63
Tints, shades & saturation
Channel breakdown
R99
G165
B172
Red99 (38.8%)
Green165 (64.7%)
Blue172 (67.5%)
Hue185.75°
Saturation (HSL)30.54%
Lightness53.14%
Dominant channelBlue
Hex per channelR 63 · G A5 · B AC
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