Recognised as Colour

#63B7BD

#63B7BD
Cyan
Dark
Nearest: Cadetblue

#63B7BD is a cyan with RGB values 99, 183, 189 and HSL 184°, 41%, 56%. It is a dark colour, so black text on it reaches 9:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#63B7BD#63B7BD

HEX#63B7BD

RGBrgb(99, 183, 189)

RGB (0–1)0.3882, 0.7176, 0.7412

RGB percentages38.8%, 71.8%, 74.1%

HSLhsl(184, 40.5%, 56.5%)

HSV / HSBhsv(184, 47.6%, 74.1%)

CMYK47.6%, 3.2%, 0%, 25.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,535,101

CSS custom property--colour: #63B7BD;

Brightness & contrast

Relative luminance0.40194WCAG 2.x, 0 is black and 1 is white

Perceived brightness163.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.04:1

Contrast with white2.32:1WCAG normal text: Fail

Contrast with black9.04:1WCAG normal text: AAA

Greyscale equivalent#A6A6A6

Inverted#9C4842

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#ACB1BEno red cones; affects about 1% of men; ΔE 25.1 from the original

Deuteranopia#9DA5BEno green cones; the most common form, about 1% of men; ΔE 26.5 from the original

Tritanopia#30BDB9no blue cones; rare, and affects men and women equally; ΔE 13 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.32:1WCAG large text: Fail

Contrast with black, large text9.04:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 10.1 Light seagreen · ΔE 14.9 Medium turquoise · ΔE 15.6 Sky blue · ΔE 16.7 Dark turquoise · ΔE 17.3 Dark cyan · ΔE 18.8

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 10.07, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#BD6963

Analogous#63BD96, #638ABD

Triadic#BD63B7, #B7BD63

Split complementary#BD638A, #BD9663

Tetradic#9663BD, #BD6963, #8ABD63

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#F2F9FA

Lighter +30%#CFE9EA

Lighter +20%#ABD8DB

Lighter +10%#87C8CC

Darker −10%#46A0A7

Darker −20%#377E83

Darker −30%#285B5F

Darker −40%#19393B

More saturated +25%#47CFD9

Less saturated −25%#7F9FA1

Channel breakdown

R99

G183

B189

Red99 (38.8%)

Green183 (71.8%)

Blue189 (74.1%)

Hue184°

Saturation (HSL)40.54%

Lightness56.47%

Dominant channelBlue

Hex per channelR 63 · G B7 · B BD

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#63B7BD

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else