#CFE7C4

#CFE7C4

Color Values

HEX

#CFE7C4

RGB

207, 231, 196

HSL

101.1, 42.2%, 83.7%

HSV

101.1, 15.2%, 90.6%

CMYK

10.4%, 0.0%, 15.2%, 9.4%

OKLCH

0.901 0.0534 135.8

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#CFE7C4

#DCC4E7

Analogous

#E0E7C4

#C4E7CA

#CFE7C4

Triadic

#CFE7C4

#C4CFE7

#E7C4CF

Split Complementary

#CFE7C4

#CAC4E7

#E7C4E0

Tetradic

#CFE7C4

#C4E0E7

#DCC4E7

#E7CAC4

Color Blindness Simulation

Original

#CFE7C4

Protanopia

#D9DACC

Deuteranopia

#D8D6CE

Tritanopia

#D0D3D5

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EBF4E7
200
#D6EACC
300
#B8DCA8
400
#92C879
500
#6CB54A
600
#56913B
700
#45742F
800
#365B25
900
#2A431E
950
#1A2A13

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.88:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026