#C8E7FD

#C8E7FD

Color Values

HEX

#C8E7FD

RGB

200, 231, 253

HSL

204.9, 93.0%, 88.8%

HSV

204.9, 20.9%, 99.2%

CMYK

20.9%, 8.7%, 0.0%, 0.8%

OKLCH

0.9124 0.0445 238.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C8E7FD

#FDDEC8

Analogous

#C8FDF8

#C8CCFD

#C8E7FD

Triadic

#C8E7FD

#FDC8E7

#E7FDC8

Split Complementary

#C8E7FD

#FDC8CC

#FDF8C8

Tetradic

#C8E7FD

#F8C8FD

#FDDEC8

#CCFDC8

Color Blindness Simulation

Original

#C8E7FD

Protanopia

#D5D6F8

Deuteranopia

#D4D1F6

Tritanopia

#CAF3F3

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFF0FB
200
#BAE1FD
300
#89CBFB
400
#49B0F8
500
#0994F6
600
#0776C5
700
#065F9D
800
#044A7B
900
#083759
950
#052338

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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