#CDF8FA

#CDF8FA

Color Values

HEX

#CDF8FA

RGB

205, 248, 250

HSL

182.7, 81.8%, 89.2%

HSV

182.7, 18.0%, 98.0%

CMYK

18.0%, 0.8%, 0.0%, 2.0%

OKLCH

0.9497 0.0441 199.9

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#CDF8FA

#FACFCD

Analogous

#CDFAE5

#CDE1FA

#CDF8FA

Triadic

#CDF8FA

#FACDF8

#F8FACD

Split Complementary

#CDF8FA

#FACDE1

#FAE5CD

Tetradic

#CDF8FA

#E5CDFA

#FACFCD

#E1FACD

Color Blindness Simulation

Original

#CDF8FA

Protanopia

#E0E0FA

Deuteranopia

#DDDAF9

Tritanopia

#CFF9F9

Achromatopsia

#EFEFEF

CSS Usage

background-color: #CDF8FA;
color: #CDF8FA;
border-color: #CDF8FA;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F2FCFD
100
#E1F8FA
200
#BEF6F9
300
#90EFF4
400
#53E7EE
500
#17DEE8
600
#13B2B9
700
#0F8E94
800
#0C6F74
900
#0D5154
950
#083335

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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