#CFE4DA

#CFE4DA

Color Values

HEX

#CFE4DA

RGB

207, 228, 218

HSL

151,4, 28,0%, 85,3%

HSV

151,4, 9,2%, 89,4%

CMYK

9,2%, 0,0%, 4,4%, 10,6%

OKLCH

0,9005 0,0261 165,6

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CFE4DA

#E4CFD9

Analogous

#CFE4D0

#CFE4E4

#CFE4DA

Triadic

#CFE4DA

#DACFE4

#E4DACF

Split Complementary

#CFE4DA

#E4CFE4

#E4D0CF

Tetradic

#CFE4DA

#D0CFE4

#E4CFD9

#E4E4CF

Color Blindness Simulation

Original

#CFE4DA

Protanopia

#D8D8DC

Deuteranopia

#D7D5DD

Tritanopia

#D0DEDF

Achromatopsia

#DFDFDF

CSS Usage

background-color: #CFE4DA;
color: #CFE4DA;
border-color: #CFE4DA;
Nearest Tailwind: Emerald 50 #ECFDF5

Tailwind Shades

50
#F6F9F7
100
#E9F1ED
200
#D1E5DC
300
#B1D3C3
400
#86BBA2
500
#5CA381
600
#498367
700
#3B6853
800
#2E5241
900
#243D31
950
#17261F

Contrast Checker

Text on white

1,33:1

AA Fail AAA Fail

Text on black

15,76: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