#C7D3F0

#C7D3F0

Color Values

HEX

#C7D3F0

RGB

199, 211, 240

HSL

222.4, 57.7%, 86.1%

HSV

222.4, 17.1%, 94.1%

CMYK

17.1%, 12.1%, 0.0%, 5.9%

OKLCH

0.8669 0.0423 267.6

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C7D3F0

#F0E4C7

Analogous

#C7E8F0

#D0C7F0

#C7D3F0

Triadic

#C7D3F0

#F0C7D3

#D3F0C7

Split Complementary

#C7D3F0

#F0D0C7

#E8F0C7

Tetradic

#C7D3F0

#F0C7E8

#F0E4C7

#C7F0D0

Color Blindness Simulation

Original

#C7D3F0

Protanopia

#CCCCE9

Deuteranopia

#CCCBE7

Tritanopia

#C8E3E2

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4EAF6
200
#C7D3F0
300
#9EB3E5
400
#6A8AD7
500
#3661C9
600
#2B4EA1
700
#233E81
800
#1B3165
900
#17264A
950
#0F182E

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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