#C7E7FC

#C7E7FC

Color Values

HEX

#C7E7FC

RGB

199, 231, 252

HSL

203.8, 89.8%, 88.4%

HSV

203.8, 21.0%, 98.8%

CMYK

21.0%, 8.3%, 0.0%, 1.2%

OKLCH

0.9114 0.0443 236.8

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C7E7FC

#FCDCC7

Analogous

#C7FCF6

#C7CCFC

#C7E7FC

Triadic

#C7E7FC

#FCC7E7

#E7FCC7

Split Complementary

#C7E7FC

#FCC7CC

#FCF6C7

Tetradic

#C7E7FC

#F6C7FC

#FCDCC7

#CCFCC7

Color Blindness Simulation

Original

#C7E7FC

Protanopia

#D5D5F7

Deuteranopia

#D3D1F6

Tritanopia

#C9F3F2

Achromatopsia

#E2E2E2

CSS Usage

background-color: #C7E7FC;
color: #C7E7FC;
border-color: #C7E7FC;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F2F9FD
100
#E0F0FB
200
#BBE2FB
300
#8BCDF9
400
#4CB2F5
500
#0D97F2
600
#0A79C2
700
#08619B
800
#074C79
900
#093958
950
#062437

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.26:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026