#CFE5D0

#CFE5D0

Color Values

HEX

#CFE5D0

RGB

207, 229, 208

HSL

122.7, 29.7%, 85.5%

HSV

122.7, 9.6%, 89.8%

CMYK

9.6%, 0.0%, 9.2%, 10.2%

OKLCH

0.8998 0.0367 146.5

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CFE5D0

#E5CFE4

Analogous

#D9E5CF

#CFE5DB

#CFE5D0

Triadic

#CFE5D0

#D0CFE5

#E5D0CF

Split Complementary

#CFE5D0

#DBCFE5

#E5CFD9

Tetradic

#CFE5D0

#CFD9E5

#E5CFE4

#E5DBCF

Color Blindness Simulation

Original

#CFE5D0

Protanopia

#D9D9D5

Deuteranopia

#D7D6D6

Tritanopia

#D0D9DA

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F5F9F6
100
#E9F2E9
200
#D1E6D2
300
#B0D4B1
400
#85BD87
500
#5AA55D
600
#48844A
700
#396A3C
800
#2D532F
900
#233D25
950
#162717

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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