#C8D6EC

#C8D6EC

Color Values

HEX

#C8D6EC

RGB

200, 214, 236

HSL

216.7, 48.6%, 85.5%

HSV

216.7, 15.3%, 92.5%

CMYK

15.3%, 9.3%, 0.0%, 7.5%

OKLCH

0.8723 0.0341 259.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C8D6EC

#ECDEC8

Analogous

#C8E8EC

#CCC8EC

#C8D6EC

Triadic

#C8D6EC

#ECC8D6

#D6ECC8

Split Complementary

#C8D6EC

#ECCCC8

#E8ECC8

Tetradic

#C8D6EC

#ECC8E8

#ECDEC8

#C8ECCC

Color Blindness Simulation

Original

#C8D6EC

Protanopia

#CECEE7

Deuteranopia

#CDCCE5

Tritanopia

#C9E2E2

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E6ECF5
200
#CAD7ED
300
#A4BBE0
400
#7396CF
500
#4272BD
600
#345B98
700
#2A4979
800
#21395F
900
#1B2C46
950
#111C2C

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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