#C7DCFC

#C7DCFC

Color Values

HEX

#C7DCFC

RGB

199, 220, 252

HSL

216.2, 89.8%, 88.4%

HSV

216.2, 21.0%, 98.8%

CMYK

21.0%, 12.7%, 0.0%, 1.2%

OKLCH

0.8891 0.0497 258.7

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C7DCFC

#FCE7C7

Analogous

#C7F6FC

#CCC7FC

#C7DCFC

Triadic

#C7DCFC

#FCC7DC

#DCFCC7

Split Complementary

#C7DCFC

#FCCCC7

#F6FCC7

Tetradic

#C7DCFC

#FCC7F6

#FCE7C7

#C7FCCC

Color Blindness Simulation

Original

#C7DCFC

Protanopia

#D0D0F4

Deuteranopia

#CFCDF2

Tritanopia

#C8EEED

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BBD5FB
300
#8BB6F9
400
#4C8FF5
500
#0D68F2
600
#0A53C2
700
#08429B
800
#073479
900
#092858
950
#061937

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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