#C3D0E2

#C3D0E2

Color Values

HEX

#C3D0E2

RGB

195, 208, 226

HSL

214.8, 34.8%, 82.5%

HSV

214.8, 13.7%, 88.6%

CMYK

13.7%, 8.0%, 0.0%, 11.4%

OKLCH

0.8533 0.0288 256.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C3D0E2

#E2D5C3

Analogous

#C3DFE2

#C5C3E2

#C3D0E2

Triadic

#C3D0E2

#E2C3D0

#D0E2C3

Split Complementary

#C3D0E2

#E2C5C3

#DFE2C3

Tetradic

#C3D0E2

#E2C3DF

#E2D5C3

#C3E2C5

Color Blindness Simulation

Original

#C3D0E2

Protanopia

#C9C9DE

Deuteranopia

#C8C7DD

Tritanopia

#C4DAD9

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD9E8
300
#ADBED7
400
#809BC1
500
#5378AC
600
#436089
700
#354D6E
800
#2A3C56
900
#212E40
950
#151D28

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.44:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026