#CDF8D6

#CDF8D6

Color Values

HEX

#CDF8D6

RGB

205, 248, 214

HSL

132.6, 75.4%, 88.8%

HSV

132.6, 17.3%, 97.3%

CMYK

17.3%, 0.0%, 13.7%, 2.7%

OKLCH

0.9398 0.0636 151.3

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CDF8D6

#F8CDEF

Analogous

#D9F8CD

#CDF8EB

#CDF8D6

Triadic

#CDF8D6

#D6CDF8

#F8D6CD

Split Complementary

#CDF8D6

#EBCDF8

#F8CDD9

Tetradic

#CDF8D6

#CDD9F8

#F8CDEF

#F8EBCD

Color Blindness Simulation

Original

#CDF8D6

Protanopia

#E0E0DE

Deuteranopia

#DDDAE0

Tritanopia

#CFE5E6

Achromatopsia

#ECECEC

CSS Usage

background-color: #CDF8D6;
color: #CDF8D6;
border-color: #CDF8D6;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FCF5
100
#E2F9E7
200
#C0F6CC
300
#94F0A7
400
#5AE877
500
#1FE048
600
#19B339
700
#148F2E
800
#107024
900
#10511D
950
#0A3313

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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