Colour

#9CCCD9

#9CCCD9
Cyan
Light
Nearest: Light blue

#9CCCD9 is a cyan with RGB values 156, 204, 217 and HSL 193°, 45%, 73%. It is a light colour, so black text on it reaches 12.1:1 contrast (AAA for normal text). The nearest named colour is Light blue.

Colour values

#9CCCD9#9CCCD9

HEX#9CCCD9

RGBrgb(156, 204, 217)

RGB (0–1)0.6118, 0.8, 0.851

RGB percentages61.2%, 80%, 85.1%

HSLhsl(192.8, 44.5%, 73.1%)

HSV / HSBhsv(192.8, 28.1%, 85.1%)

CMYK28.1%, 6%, 0%, 14.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,276,057

CSS custom property--colour: #9CCCD9;

Brightness & contrast

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

Perceived brightness192.5 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.05:1

Contrast with white1.74:1WCAG normal text: Fail

Contrast with black12.05:1WCAG normal text: AAA

Greyscale equivalent#C3C3C3

Inverted#633326

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#B9C1D9no green cones; the most common form, about 1% of men; ΔE 14.8 from the original

Tritanopia#88D1D0no blue cones; rare, and affects men and women equally; ΔE 11.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.74:1WCAG large text: Fail

Contrast with black, large text12.05:1WCAG large text: AAA

Named colours

Light blue · ΔE 4.9 Powder blue · ΔE 7.9 Sky blue · ΔE 10 Light steelblue · ΔE 11.9 Pale turquoise · ΔE 13.9 Light skyblue · ΔE 17.1

Nearest named CSS colourLight blue (#ADD8E6)ΔE 4.94, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D9A99C

Analogous#9CD9C8, #9CADD9

Triadic#D99CCC, #CCD99C

Split complementary#D99CAE, #D9C89C

Tetradic#C89CD9, #D9A99C, #AED99C

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#E6F2F5

Lighter +10%#C1DFE7

Darker −10%#77B9CB

Darker −20%#52A6BD

Darker −30%#3D8A9F

Darker −40%#2F6A7A

More saturated +25%#8BD6EA

Less saturated −25%#ADC2C8

Channel breakdown

R156

G204

B217

Red156 (61.2%)

Green204 (80%)

Blue217 (85.1%)

Hue192.79°

Saturation (HSL)44.53%

Lightness73.14%

Dominant channelBlue

Hex per channelR 9C · G CC · B D9

Keep nerding

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

#9CCCD9

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