#C4DAF3

#C4DAF3

Color Values

HEX

#C4DAF3

RGB

196, 218, 243

HSL

211.9, 66.2%, 86.1%

HSV

211.9, 19.3%, 95.3%

CMYK

19.3%, 10.3%, 0.0%, 4.7%

OKLCH

0.8799 0.0419 251.7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C4DAF3

#F3DDC4

Analogous

#C4F2F3

#C6C4F3

#C4DAF3

Triadic

#C4DAF3

#F3C4DA

#DAF3C4

Split Complementary

#C4DAF3

#F3C6C4

#F2F3C4

Tetradic

#C4DAF3

#F3C4F2

#F3DDC4

#C4F3C6

Color Blindness Simulation

Original

#C4DAF3

Protanopia

#CECEED

Deuteranopia

#CCCBEC

Tritanopia

#C5E8E7

Achromatopsia

#D7D7D7

CSS Usage

background-color: #C4DAF3;
color: #C4DAF3;
border-color: #C4DAF3;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DAF3
300
#99BFEA
400
#629DDF
500
#2B7AD4
600
#2262AA
700
#1C4E88
800
#163D6A
900
#142F4D
950
#0C1D31

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.67:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026