Colour

#CCF8EB

#CCF8EB
Cyan
Light
Nearest: Light cyan

#CCF8EB is a cyan with RGB values 204, 248, 235 and HSL 162°, 76%, 89%. It is a light colour, so black text on it reaches 18.2:1 contrast (AAA for normal text). The nearest named colour is Light cyan.

Colour values

#CCF8EB#CCF8EB

HEX#CCF8EB

RGBrgb(204, 248, 235)

RGB (0–1)0.8, 0.9725, 0.9216

RGB percentages80%, 97.3%, 92.2%

HSLhsl(162.3, 75.9%, 88.6%)

HSV / HSBhsv(162.3, 17.7%, 97.3%)

CMYK17.7%, 0%, 5.2%, 2.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,433,067

CSS custom property--colour: #CCF8EB;

Brightness & contrast

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

Perceived brightness234.2 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 18.19:1

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

Contrast with black18.19:1WCAG normal text: AAA

Greyscale equivalent#EEEEEE

Inverted#330714

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#C2F9F4no blue cones; rare, and affects men and women equally; ΔE 5.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text18.19:1WCAG large text: AAA

Named colours

Light cyan · ΔE 9 Pale turquoise · ΔE 9.5 Honeydew · ΔE 10.7 Powder blue · ΔE 12.8 Azure · ΔE 13 Mint cream · ΔE 13.3

Nearest named CSS colourLight cyan (#E0FFFF)ΔE 9.01, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F8CCD9

Analogous#CCF8D5, #CCEFF8

Triadic#EBCCF8, #F8EBCC

Split complementary#F8CCEF, #F8D5CC

Tetradic#D5CCF8, #F8CCD9, #EFF8CC

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#F9FEFD

Darker −10%#9FF2D9

Darker −20%#72ECC8

Darker −30%#45E6B6

Darker −40%#1EDAA2

More saturated +25%#C5FFEE

Less saturated −25%#D3F1E8

Channel breakdown

R204

G248

B235

Red204 (80%)

Green248 (97.3%)

Blue235 (92.2%)

Hue162.27°

Saturation (HSL)75.86%

Lightness88.63%

Dominant channelGreen

Hex per channelR CC · G F8 · B EB

Keep nerding

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

#CCF8EB

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