#C7DEF0

#C7DEF0

Color Values

HEX

#C7DEF0

RGB

199, 222, 240

HSL

206.3, 57.7%, 86.1%

HSV

206.3, 17.1%, 94.1%

CMYK

17.1%, 7.5%, 0.0%, 5.9%

OKLCH

0.8892 0.0349 241.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C7DEF0

#F0D9C7

Analogous

#C7F0ED

#C7CAF0

#C7DEF0

Triadic

#C7DEF0

#F0C7DE

#DEF0C7

Split Complementary

#C7DEF0

#F0C7CA

#F0EDC7

Tetradic

#C7DEF0

#EDC7F0

#F0D9C7

#CAF0C7

Color Blindness Simulation

Original

#C7DEF0

Protanopia

#D1D1EC

Deuteranopia

#D0CEEB

Tritanopia

#C8E8E7

Achromatopsia

#DADADA

CSS Usage

background-color: #C7DEF0;
color: #C7DEF0;
border-color: #C7DEF0;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F4F8FB
100
#E4EEF6
200
#C7DEF0
300
#9EC6E5
400
#6AA7D7
500
#3689C9
600
#2B6DA1
700
#235781
800
#1B4465
900
#17344A
950
#0F212E

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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