Colour

#9EC8C8

#9EC8C8
Cyan
Light
Nearest: Powder blue

#9EC8C8 is a cyan with RGB values 158, 200, 200 and HSL 180°, 28%, 70%. It is a light colour, so black text on it reaches 11.5:1 contrast (AAA for normal text). The nearest named colour is Powder blue.

Colour values

#9EC8C8#9EC8C8

HEX#9EC8C8

RGBrgb(158, 200, 200)

RGB (0–1)0.6196, 0.7843, 0.7843

RGB percentages62%, 78.4%, 78.4%

HSLhsl(180, 27.6%, 70.2%)

HSV / HSBhsv(180, 21%, 78.4%)

CMYK21%, 0%, 0%, 21.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,406,088

CSS custom property--colour: #9EC8C8;

Brightness & contrast

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

Perceived brightness188.4 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 11.55:1

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

Contrast with black11.55:1WCAG normal text: AAA

Greyscale equivalent#BFBFBF

Inverted#613737

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#91CBC8no blue cones; rare, and affects men and women equally; ΔE 5.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text11.55:1WCAG large text: AAA

Named colours

Powder blue · ΔE 9.1 Light blue · ΔE 9.7 Pale turquoise · ΔE 13.8 Silver · ΔE 14.5 Light grey · ΔE 16 Light steelblue · ΔE 16.4

Nearest named CSS colourPowder blue (#B0E0E6)ΔE 9.09, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C89E9E

Analogous#9EC8B3, #9EB3C8

Triadic#C89EC8, #C8C89E

Split complementary#C89EB3, #C8B39E

Tetradic#B39EC8, #C89E9E, #B3C89E

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#DFEDED

Lighter +10%#BFDADA

Darker −10%#7DB6B6

Darker −20%#5DA3A3

Darker −30%#4A8383

Darker −40%#386262

More saturated +25%#8BDBDB

Less saturated −25%#B1B5B5

Channel breakdown

R158

G200

B200

Red158 (62%)

Green200 (78.4%)

Blue200 (78.4%)

Hue180°

Saturation (HSL)27.63%

Lightness70.2%

Dominant channelGreen and Blue

Hex per channelR 9E · G C8 · B C8

Keep nerding

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

#9EC8C8

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