#CFD7AE

#CFD7AE

Color Values

HEX

#CFD7AE

RGB

207, 215, 174

HSL

71,7, 33,9%, 76,3%

HSV

71,7, 19,1%, 84,3%

CMYK

3,7%, 0,0%, 19,1%, 15,7%

OKLCH

0,8624 0,0554 116,5

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CFD7AE

#B6AED7

Analogous

#D7CBAE

#BBD7AE

#CFD7AE

Triadic

#CFD7AE

#AECFD7

#D7AECF

Split Complementary

#CFD7AE

#AEBBD7

#CBAED7

Tetradic

#CFD7AE

#AED7CB

#B6AED7

#D7AEBB

Color Blindness Simulation

Original

#CFD7AE

Protanopia

#D2D3B8

Deuteranopia

#D2D1BA

Tritanopia

#CFC0C1

Achromatopsia

#D2D2D2

CSS Usage

background-color: #CFD7AE;
color: #CFD7AE;
border-color: #CFD7AE;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F9FAF5
100
#F0F2E8
200
#E3E7CF
300
#CED7AD
400
#B4C181
500
#9AAB54
600
#7B8943
700
#626D36
800
#4D552A
900
#393F22
950
#242815

Contrast Checker

Text on white

1,5:1

AA Fail AAA Fail

Text on black

13,98: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