#C4DEF2

#C4DEF2

Color Values

HEX

#C4DEF2

RGB

196, 222, 242

HSL

206.1, 63.9%, 85.9%

HSV

206.1, 19.0%, 94.9%

CMYK

19.0%, 8.3%, 0.0%, 5.1%

OKLCH

0.8877 0.0391 241.1

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C4DEF2

#F2D8C4

Analogous

#C4F2EF

#C4C7F2

#C4DEF2

Triadic

#C4DEF2

#F2C4DE

#DEF2C4

Split Complementary

#C4DEF2

#F2C4C7

#F2EFC4

Tetradic

#C4DEF2

#EFC4F2

#F2D8C4

#C7F2C4

Color Blindness Simulation

Original

#C4DEF2

Protanopia

#CFCFED

Deuteranopia

#CECCEC

Tritanopia

#C5E9E8

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DEF2
300
#9BC7E9
400
#64A8DD
500
#2E8AD1
600
#256EA7
700
#1D5886
800
#174568
900
#15344C
950
#0D2130

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.08: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