#C8E4FF

#C8E4FF

Color Values

HEX

#C8E4FF

RGB

200, 228, 255

HSL

209.5, 100.0%, 89.2%

HSV

209.5, 21.6%, 100.0%

CMYK

21.6%, 10.6%, 0.0%, 0.0%

OKLCH

0.907 0.0476 247.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C8E4FF

#FFE3C8

Analogous

#C8FFFF

#C8C8FF

#C8E4FF

Triadic

#C8E4FF

#FFC8E4

#E4FFC8

Split Complementary

#C8E4FF

#FFC8C8

#FFFFC8

Tetradic

#C8E4FF

#FFC8FF

#FFE3C8

#C8FFC8

Color Blindness Simulation

Original

#C8E4FF

Protanopia

#D4D4F8

Deuteranopia

#D2D0F7

Tritanopia

#C9F3F2

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B8DCFF
300
#85C3FF
400
#42A2FF
500
#0082FF
600
#0068CC
700
#0053A3
800
#004180
900
#05315C
950
#031F3A

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026