Colour

#C4CCDE

#C4CCDE
Blue
Light
Nearest: Light steelblue

#C4CCDE is a blue with RGB values 196, 204, 222 and HSL 222°, 28%, 82%. It is a light colour, so black text on it reaches 13:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#C4CCDE#C4CCDE

HEX#C4CCDE

RGBrgb(196, 204, 222)

RGB (0–1)0.7686, 0.8, 0.8706

RGB percentages76.9%, 80%, 87.1%

HSLhsl(221.5, 28.3%, 82%)

HSV / HSBhsv(221.5, 11.7%, 87.1%)

CMYK11.7%, 8.1%, 0%, 12.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,897,502

CSS custom property--colour: #C4CCDE;

Brightness & contrast

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

Perceived brightness203.8 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 13.04:1

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

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

Greyscale equivalent#CCCCCC

Inverted#3B3321

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light steelblue · ΔE 6.7 Light grey · ΔE 10.2 Lavender · ΔE 10.3 Silver · ΔE 10.7 Gainsboro · ΔE 11.5 Light blue · ΔE 12

Nearest named CSS colourLight steelblue (#B0C4DE)ΔE 6.74, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DED6C4

Analogous#C4D9DE, #C9C4DE

Triadic#DEC4CC, #CCDEC4

Split complementary#DEC9C4, #D9DEC4

Tetradic#DEC4D9, #DED6C4, #C4DEC9

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#E5E8F0

Darker −10%#A3B0CC

Darker −20%#8393B9

Darker −30%#6277A7

Darker −40%#4D5F89

More saturated +25%#B9C8EA

Less saturated −25%#D0D0D3

Channel breakdown

R196

G204

B222

Red196 (76.9%)

Green204 (80%)

Blue222 (87.1%)

Hue221.54°

Saturation (HSL)28.26%

Lightness81.96%

Dominant channelBlue

Hex per channelR C4 · G CC · B DE

Keep nerding

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

#C4CCDE

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