#CDEAF6

#CDEAF6

Color Values

HEX

#CDEAF6

RGB

205, 234, 246

HSL

197.6, 69.5%, 88.4%

HSV

197.6, 16.7%, 96.5%

CMYK

16.7%, 4.9%, 0.0%, 3.5%

OKLCH

0.9197 0.0346 224.6

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#CDEAF6

#F6D9CD

Analogous

#CDF6ED

#CDD5F6

#CDEAF6

Triadic

#CDEAF6

#F6CDEA

#EAF6CD

Split Complementary

#CDEAF6

#F6CDD5

#F6EDCD

Tetradic

#CDEAF6

#EDCDF6

#F6D9CD

#D5F6CD

Color Blindness Simulation

Original

#CDEAF6

Protanopia

#DADAF3

Deuteranopia

#D8D6F2

Tritanopia

#CEF1F0

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E3F2F8
200
#C2E6F4
300
#97D3EC
400
#5FBCE2
500
#27A4D8
600
#1F83AD
700
#19698A
800
#13526C
900
#123D4F
950
#0B2732

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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