#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