#C7DAF9

#C7DAF9

Color Values

HEX

#C7DAF9

RGB

199, 218, 249

HSL

217.2, 80.6%, 87.8%

HSV

217.2, 20.1%, 97.6%

CMYK

20.1%, 12.4%, 0.0%, 2.4%

OKLCH

0.8841 0.0476 260.2

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C7DAF9

#F9E6C7

Analogous

#C7F3F9

#CDC7F9

#C7DAF9

Triadic

#C7DAF9

#F9C7DA

#DAF9C7

Split Complementary

#C7DAF9

#F9CDC7

#F3F9C7

Tetradic

#C7DAF9

#F9C7F3

#F9E6C7

#C7F9CD

Color Blindness Simulation

Original

#C7DAF9

Protanopia

#CFCFF2

Deuteranopia

#CECDF0

Tritanopia

#C8ECEA

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EAF9
200
#BFD4F8
300
#90B6F3
400
#558EED
500
#1967E6
600
#1452B8
700
#104293
800
#0C3373
900
#0D2854
950
#081935

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026