#C5D8F1

#C5D8F1

Color Values

HEX

#C5D8F1

RGB

197, 216, 241

HSL

214.1, 61.1%, 85.9%

HSV

214.1, 18.3%, 94.5%

CMYK

18.3%, 10.4%, 0.0%, 5.5%

OKLCH

0.8759 0.0403 255.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C5D8F1

#F1DEC5

Analogous

#C5EEF1

#C8C5F1

#C5D8F1

Triadic

#C5D8F1

#F1C5D8

#D8F1C5

Split Complementary

#C5D8F1

#F1C8C5

#EEF1C5

Tetradic

#C5D8F1

#F1C5EE

#F1DEC5

#C5F1C8

Color Blindness Simulation

Original

#C5D8F1

Protanopia

#CDCDEB

Deuteranopia

#CCCBEA

Tritanopia

#C6E6E5

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C5D8F1
300
#9CBDE7
400
#6799DA
500
#3275CD
600
#285DA4
700
#204B83
800
#193A67
900
#162D4B
950
#0E1C2F

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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