#CFEAD1

#CFEAD1

Color Values

HEX

#CFEAD1

RGB

207, 234, 209

HSL

124.4, 39.1%, 86.5%

HSV

124.4, 11.5%, 91.8%

CMYK

11.5%, 0.0%, 10.7%, 8.2%

OKLCH

0.9105 0.0441 147.3

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CFEAD1

#EACFE8

Analogous

#DBEACF

#CFEADF

#CFEAD1

Triadic

#CFEAD1

#D1CFEA

#EAD1CF

Split Complementary

#CFEAD1

#DFCFEA

#EACFDB

Tetradic

#CFEAD1

#CFDBEA

#EACFE8

#EADFCF

Color Blindness Simulation

Original

#CFEAD1

Protanopia

#DBDBD7

Deuteranopia

#D9D7D8

Tritanopia

#D0DCDD

Achromatopsia

#E2E2E2

CSS Usage

background-color: #CFEAD1;
color: #CFEAD1;
border-color: #CFEAD1;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9CF
300
#AADAAD
400
#7CC681
500
#4EB155
600
#3E8E44
700
#327236
800
#27592A
900
#1F4122
950
#142915

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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