#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026