#CDF2E7

#CDF2E7

Color Values

HEX

#CDF2E7

RGB

205, 242, 231

HSL

162.2, 58.7%, 87.6%

HSV

162.2, 15.3%, 94.9%

CMYK

15.3%, 0.0%, 4.5%, 5.1%

OKLCH

0.9317 0.0411 175.5

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CDF2E7

#F2CDD8

Analogous

#CDF2D4

#CDEAF2

#CDF2E7

Triadic

#CDF2E7

#E7CDF2

#F2E7CD

Split Complementary

#CDF2E7

#F2CDEA

#F2D4CD

Tetradic

#CDF2E7

#D4CDF2

#F2CDD8

#EAF2CD

Color Blindness Simulation

Original

#CDF2E7

Protanopia

#DDDDEA

Deuteranopia

#DBD8EA

Tritanopia

#CFECEC

Achromatopsia

#E9E9E9

CSS Usage

background-color: #CDF2E7;
color: #CDF2E7;
border-color: #CDF2E7;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F4FBF9
100
#E4F6F1
200
#C6F0E4
300
#9EE6D0
400
#69D8B7
500
#35CA9E
600
#2AA27E
700
#228165
800
#1A654F
900
#174A3B
950
#0E2F25

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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