#C4DEF3

#C4DEF3

Color Values

HEX

#C4DEF3

RGB

196, 222, 243

HSL

206.8, 66.2%, 86.1%

HSV

206.8, 19.3%, 95.3%

CMYK

19.3%, 8.6%, 0.0%, 4.7%

OKLCH

0.8881 0.0401 242.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C4DEF3

#F3D9C4

Analogous

#C4F3F1

#C4C7F3

#C4DEF3

Triadic

#C4DEF3

#F3C4DE

#DEF3C4

Split Complementary

#C4DEF3

#F3C4C7

#F3F1C4

Tetradic

#C4DEF3

#F1C4F3

#F3D9C4

#C7F3C4

Color Blindness Simulation

Original

#C4DEF3

Protanopia

#CFCFEE

Deuteranopia

#CECCED

Tritanopia

#C5EAE9

Achromatopsia

#DADADA

CSS Usage

background-color: #C4DEF3;
color: #C4DEF3;
border-color: #C4DEF3;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DEF3
300
#99C6EA
400
#62A7DF
500
#2B89D4
600
#226DAA
700
#1C5788
800
#16446A
900
#14344D
950
#0C2131

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.09:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026