#C8DFE4

#C8DFE4

Color Values

HEX

#C8DFE4

RGB

200, 223, 228

HSL

190.7, 34.1%, 83.9%

HSV

190.7, 12.3%, 89.4%

CMYK

12.3%, 2.2%, 0.0%, 10.6%

OKLCH

0.8881 0.0255 212.2

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C8DFE4

#E4CDC8

Analogous

#C8E4DB

#C8D1E4

#C8DFE4

Triadic

#C8DFE4

#E4C8DF

#DFE4C8

Split Complementary

#C8DFE4

#E4C8D1

#E4DBC8

Tetradic

#C8DFE4

#DBC8E4

#E4CDC8

#D1E4C8

Color Blindness Simulation

Original

#C8DFE4

Protanopia

#D2D2E3

Deuteranopia

#D1CFE2

Tritanopia

#C9E2E2

Achromatopsia

#DADADA

CSS Usage

background-color: #C8DFE4;
color: #C8DFE4;
border-color: #C8DFE4;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9FA
100
#E8F0F2
200
#CFE3E7
300
#ADCFD7
400
#80B5C1
500
#549BAB
600
#437C89
700
#36646D
800
#2A4E55
900
#223A3F
950
#152528

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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