#CDF4E3

#CDF4E3

Color Values

HEX

#CDF4E3

RGB

205, 244, 227

HSL

153.8, 63.9%, 88.0%

HSV

153.8, 16.0%, 95.7%

CMYK

16.0%, 0.0%, 7.0%, 4.3%

OKLCH

0.9348 0.0464 167.1

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CDF4E3

#F4CDDE

Analogous

#CDF4CF

#CDF1F4

#CDF4E3

Triadic

#CDF4E3

#E3CDF4

#F4E3CD

Split Complementary

#CDF4E3

#F4CDF1

#F4CFCD

Tetradic

#CDF4E3

#CFCDF4

#F4CDDE

#F1F4CD

Color Blindness Simulation

Original

#CDF4E3

Protanopia

#DEDEE7

Deuteranopia

#DCD9E8

Tritanopia

#CFEAEB

Achromatopsia

#EAEAEA

CSS Usage

background-color: #CDF4E3;
color: #CDF4E3;
border-color: #CDF4E3;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C4F2DE
300
#9BE9C7
400
#64DDA8
500
#2ED18A
600
#25A76E
700
#1D8658
800
#176845
900
#154C34
950
#0D3021

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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