#CDEAF2

#CDEAF2

Color Values

HEX

#CDEAF2

RGB

205, 234, 242

HSL

193.0, 58.7%, 87.6%

HSV

193.0, 15.3%, 94.9%

CMYK

15.3%, 3.3%, 0.0%, 5.1%

OKLCH

0.9184 0.0324 216.2

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CDEAF2

#F2D5CD

Analogous

#CDF2E7

#CDD7F2

#CDEAF2

Triadic

#CDEAF2

#F2CDEA

#EAF2CD

Split Complementary

#CDEAF2

#F2CDD7

#F2E7CD

Tetradic

#CDEAF2

#E7CDF2

#F2D5CD

#D7F2CD

Color Blindness Simulation

Original

#CDEAF2

Protanopia

#DADAF0

Deuteranopia

#D8D6F0

Tritanopia

#CEEFEE

Achromatopsia

#E4E4E4

CSS Usage

background-color: #CDEAF2;
color: #CDEAF2;
border-color: #CDEAF2;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F4FAFB
100
#E4F2F6
200
#C6E7F0
300
#9ED6E6
400
#69C0D8
500
#35AACA
600
#2A88A2
700
#226D81
800
#1A5565
900
#173F4A
950
#0E282F

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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