Colour

#C3CDD1

#C3CDD1
Cyan
Light
Nearest: Light grey

#C3CDD1 is a cyan with RGB values 195, 205, 209 and HSL 197°, 13%, 79%. It is a light colour, so black text on it reaches 13:1 contrast (AAA for normal text). The nearest named colour is Light grey.

Colour values

#C3CDD1#C3CDD1

HEX#C3CDD1

RGBrgb(195, 205, 209)

RGB (0–1)0.7647, 0.8039, 0.8196

RGB percentages76.5%, 80.4%, 82%

HSLhsl(197.1, 13.2%, 79.2%)

HSV / HSBhsv(197.1, 6.7%, 82%)

CMYK6.7%, 1.9%, 0%, 18%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,832,209

CSS custom property--colour: #C3CDD1;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.97:1

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

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

Greyscale equivalent#CBCBCB

Inverted#3C322E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light grey · ΔE 5 Silver · ΔE 5.8 Gainsboro · ΔE 7.3 Light blue · ΔE 11.9 Light steelblue · ΔE 12.6 Dark grey · ΔE 13.2

Nearest named CSS colourLight grey (#D3D3D3)ΔE 4.97, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D1C7C3

Analogous#C3D1CE, #C3C6D1

Triadic#D1C3CD, #CDD1C3

Split complementary#D1C3C6, #D1CEC3

Tetradic#CEC3D1, #D1C7C3, #C6D1C3

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FDFDFD

Lighter +10%#E0E5E7

Darker −10%#A6B5BB

Darker −20%#899DA5

Darker −30%#6D858E

Darker −40%#576A71

More saturated +25%#B6D3DE

Less saturated −25%#CACACA

Channel breakdown

R195

G205

B209

Red195 (76.5%)

Green205 (80.4%)

Blue209 (82%)

Hue197.14°

Saturation (HSL)13.21%

Lightness79.22%

Dominant channelBlue

Hex per channelR C3 · G CD · B D1

Keep nerding

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

#C3CDD1

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