#C3CDD5

#C3CDD5

Color Values

HEX

#C3CDD5

RGB

195, 205, 213

HSL

206.7, 17.6%, 80.0%

HSV

206.7, 8.5%, 83.5%

CMYK

8.5%, 3.8%, 0.0%, 16.5%

OKLCH

0.843 0.0156 241.8

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C3CDD5

#D5CBC3

Analogous

#C3D5D4

#C3C4D5

#C3CDD5

Triadic

#C3CDD5

#D5C3CD

#CDD5C3

Split Complementary

#C3CDD5

#D5C3C4

#D5D4C3

Tetradic

#C3CDD5

#D4C3D5

#D5CBC3

#C4D5C3

Color Blindness Simulation

Original

#C3CDD5

Protanopia

#C7C7D3

Deuteranopia

#C7C6D3

Tritanopia

#C4D2D1

Achromatopsia

#CBCBCB

CSS Usage

background-color: #C3CDD5;
color: #C3CDD5;
border-color: #C3CDD5;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F7F8
100
#EAEDF0
200
#D5DCE2
300
#B7C3CD
400
#90A2B1
500
#698296
600
#546878
700
#435360
800
#35414B
900
#293138
950
#1A1F23

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.01:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026