#C5DCF7

#C5DCF7

Color Values

HEX

#C5DCF7

RGB

197, 220, 247

HSL

212.4, 75.8%, 87.1%

HSV

212.4, 20.2%, 96.9%

CMYK

20.2%, 10.9%, 0.0%, 3.1%

OKLCH

0.886 0.0448 252.5

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C5DCF7

#F7E0C5

Analogous

#C5F5F7

#C7C5F7

#C5DCF7

Triadic

#C5DCF7

#F7C5DC

#DCF7C5

Split Complementary

#C5DCF7

#F7C7C5

#F5F7C5

Tetradic

#C5DCF7

#F7C5F5

#F7E0C5

#C5F7C7

Color Blindness Simulation

Original

#C5DCF7

Protanopia

#CFCFF0

Deuteranopia

#CECCEF

Tritanopia

#C6EBEA

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0D9F6
300
#93BEF0
400
#599BE8
500
#1F78E0
600
#1960B3
700
#144D8F
800
#0F3C70
900
#0F2E52
950
#0A1D33

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.95:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026