#C7DDFC

#C7DDFC

Color Values

HEX

#C7DDFC

RGB

199, 221, 252

HSL

215.1, 89.8%, 88.4%

HSV

215.1, 21.0%, 98.8%

CMYK

21.0%, 12.3%, 0.0%, 1.2%

OKLCH

0.8911 0.0489 256.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C7DDFC

#FCE6C7

Analogous

#C7F7FC

#CBC7FC

#C7DDFC

Triadic

#C7DDFC

#FCC7DD

#DDFCC7

Split Complementary

#C7DDFC

#FCCBC7

#F7FCC7

Tetradic

#C7DDFC

#FCC7F7

#FCE6C7

#C7FCCB

Color Blindness Simulation

Original

#C7DDFC

Protanopia

#D1D1F5

Deuteranopia

#CFCEF3

Tritanopia

#C8EFED

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFB
200
#BBD6FB
300
#8BB8F9
400
#4C92F5
500
#0D6CF2
600
#0A56C2
700
#08459B
800
#073679
900
#092A58
950
#061A37

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.18:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026