#CFE4C7

#CFE4C7

Color Values

HEX

#CFE4C7

RGB

207, 228, 199

HSL

103.4, 34.9%, 83.7%

HSV

103.4, 12.7%, 89.4%

CMYK

9.2%, 0.0%, 12.7%, 10.6%

OKLCH

0.8955 0.0449 137.0

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#CFE4C7

#DCC7E4

Analogous

#DDE4C7

#C7E4CD

#CFE4C7

Triadic

#CFE4C7

#C7CFE4

#E4C7CF

Split Complementary

#CFE4C7

#CDC7E4

#E4C7DD

Tetradic

#CFE4C7

#C7DDE4

#DCC7E4

#E4CDC7

Color Blindness Simulation

Original

#CFE4C7

Protanopia

#D8D8CE

Deuteranopia

#D7D5D0

Tritanopia

#D0D4D5

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EBF2E8
200
#D6E8CF
300
#B8D7AC
400
#92C280
500
#6CAC53
600
#568A42
700
#456E35
800
#36562A
900
#2A4021
950
#1A2815

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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