#CDF8FC

#CDF8FC

Color Values

HEX

#CDF8FC

RGB

205, 248, 252

HSL

185.1, 88.7%, 89.6%

HSV

185.1, 18.7%, 98.8%

CMYK

18.7%, 1.6%, 0.0%, 1.2%

OKLCH

0.9503 0.0444 203.4

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#CDF8FC

#FCD1CD

Analogous

#CDFCE8

#CDE0FC

#CDF8FC

Triadic

#CDF8FC

#FCCDF8

#F8FCCD

Split Complementary

#CDF8FC

#FCCDE0

#FCE8CD

Tetradic

#CDF8FC

#E8CDFC

#FCD1CD

#E0FCCD

Color Blindness Simulation

Original

#CDF8FC

Protanopia

#E0E0FB

Deuteranopia

#DDDAFB

Tritanopia

#CFFAFA

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BCF6FB
300
#8CEFF8
400
#4DE6F4
500
#0EDDF1
600
#0CB1C0
700
#098E9A
800
#076F78
900
#0A5157
950
#063337

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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