Colour

#CCEDF8

#CCEDF8
Cyan
Light
Nearest: Powder blue

#CCEDF8 is a cyan with RGB values 204, 237, 248 and HSL 195°, 76%, 89%. It is a light colour, so black text on it reaches 17:1 contrast (AAA for normal text). The nearest named colour is Powder blue.

Colour values

#CCEDF8#CCEDF8

HEX#CCEDF8

RGBrgb(204, 237, 248)

RGB (0–1)0.8, 0.9294, 0.9725

RGB percentages80%, 92.9%, 97.3%

HSLhsl(195, 75.9%, 88.6%)

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

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

24-bit integer13,430,264

CSS custom property--colour: #CCEDF8;

Brightness & contrast

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

Perceived brightness229 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 17.04:1

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

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

Greyscale equivalent#E7E7E7

Inverted#331207

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Powder blue · ΔE 8 Light cyan · ΔE 8.4 Light blue · ΔE 8.7 Alice blue · ΔE 10.1 Azure · ΔE 10.8 Pale turquoise · ΔE 11.6

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F8D7CC

Analogous#CCF8ED, #CCD7F8

Triadic#F8CCED, #EDF8CC

Split complementary#F8CCD7, #F8EDCC

Tetradic#EDCCF8, #F8D7CC, #D7F8CC

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#F9FDFE

Darker −10%#9FDDF2

Darker −20%#72CDEC

Darker −30%#45BEE6

Darker −40%#1EABDA

More saturated +25%#C5F1FF

Less saturated −25%#D3E9F1

Channel breakdown

R204

G237

B248

Red204 (80%)

Green237 (92.9%)

Blue248 (97.3%)

Hue195°

Saturation (HSL)75.86%

Lightness88.63%

Dominant channelBlue

Hex per channelR CC · G ED · B F8

Keep nerding

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

#CCEDF8

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