#CEE2EF

#CEE2EF

Color Values

HEX

#CEE2EF

RGB

206, 226, 239

HSL

203.6, 50.8%, 87.3%

HSV

203.6, 13.8%, 93.7%

CMYK

13.8%, 5.4%, 0.0%, 6.3%

OKLCH

0.9019 0.0278 236.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CEE2EF

#EFDBCE

Analogous

#CEEFEC

#CED2EF

#CEE2EF

Triadic

#CEE2EF

#EFCEE2

#E2EFCE

Split Complementary

#CEE2EF

#EFCED2

#EFECCE

Tetradic

#CEE2EF

#ECCEEF

#EFDBCE

#D2EFCE

Color Blindness Simulation

Original

#CEE2EF

Protanopia

#D7D7EC

Deuteranopia

#D6D4EB

Tritanopia

#CFE9E9

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E5EFF5
200
#C9DFED
300
#A3C8E1
400
#71ABD1
500
#3F8DC0
600
#32719A
700
#285A7B
800
#1F4760
900
#1A3547
950
#11222D

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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