#CDF0D4

#CDF0D4

Color Values

HEX

#CDF0D4

RGB

205, 240, 212

HSL

132,0, 53,8%, 87,3%

HSV

132,0, 14,6%, 94,1%

CMYK

14,6%, 0,0%, 11,7%, 5,9%

OKLCH

0,9225 0,0525 151,1

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CDF0D4

#F0CDE9

Analogous

#D8F0CD

#CDF0E6

#CDF0D4

Triadic

#CDF0D4

#D4CDF0

#F0D4CD

Split Complementary

#CDF0D4

#E6CDF0

#F0CDD8

Tetradic

#CDF0D4

#CDD8F0

#F0CDE9

#F0E6CD

Color Blindness Simulation

Original

#CDF0D4

Protanopia

#DCDCDB

Deuteranopia

#DAD8DC

Tritanopia

#CFE0E1

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E5F5E8
200
#C8EFD0
300
#A1E3AE
400
#6ED382
500
#3BC456
600
#2F9D45
700
#267E37
800
#1D622B
900
#194822
950
#102D16

Contrast Checker

Text on white

1,23:1

AA Fail AAA Fail

Text on black

17,01:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026