#CDFADE

#CDFADE

Color Values

HEX

#CDFADE

RGB

205, 250, 222

HSL

142.7, 81.8%, 89.2%

HSV

142.7, 18.0%, 98.0%

CMYK

18.0%, 0.0%, 11.2%, 2.0%

OKLCH

0.9461 0.0596 157.7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CDFADE

#FACDE9

Analogous

#D2FACD

#CDFAF5

#CDFADE

Triadic

#CDFADE

#DECDFA

#FADECD

Split Complementary

#CDFADE

#F5CDFA

#FACDD2

Tetradic

#CDFADE

#CDD2FA

#FACDE9

#FAF5CD

Color Blindness Simulation

Original

#CDFADE

Protanopia

#E0E1E5

Deuteranopia

#DEDAE6

Tritanopia

#CFEAEB

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F2FDF6
100
#E1FAEA
200
#BEF9D4
300
#90F4B6
400
#53EE8E
500
#17E866
600
#13B952
700
#0F9441
800
#0C7433
900
#0D5428
950
#083519

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026