#CFE0CF

#CFE0CF

Color Values

HEX

#CFE0CF

RGB

207, 224, 207

HSL

120,0, 21,5%, 84,5%

HSV

120,0, 7,6%, 87,8%

CMYK

7,6%, 0,0%, 7,6%, 12,2%

OKLCH

0,8892 0,0293 145,3

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CFE0CF

#E0CFE0

Analogous

#D7E0CF

#CFE0D7

#CFE0CF

Triadic

#CFE0CF

#CFCFE0

#E0CFCF

Split Complementary

#CFE0CF

#D7CFE0

#E0CFD7

Tetradic

#CFE0CF

#CFD7E0

#E0CFE0

#E0D7CF

Color Blindness Simulation

Original

#CFE0CF

Protanopia

#D6D7D3

Deuteranopia

#D5D4D4

Tritanopia

#D0D6D7

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D4E3D4
300
#B5CFB5
400
#8CB58C
500
#649B64
600
#507C50
700
#406340
800
#324D32
900
#273A27
950
#192519

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

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