#C7D7AE

#C7D7AE

Color Values

HEX

#C7D7AE

RGB

199, 215, 174

HSL

83.4, 33.9%, 76.3%

HSV

83.4, 19.1%, 84.3%

CMYK

7.4%, 0.0%, 19.1%, 15.7%

OKLCH

0.8564 0.0577 124.9

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#C7D7AE

#BEAED7

Analogous

#D7D3AE

#B3D7AE

#C7D7AE

Triadic

#C7D7AE

#AEC7D7

#D7AEC7

Split Complementary

#C7D7AE

#AEB3D7

#D3AED7

Tetradic

#C7D7AE

#AED7D3

#BEAED7

#D7AEB3

Color Blindness Simulation

Original

#C7D7AE

Protanopia

#CECEB8

Deuteranopia

#CDCCBA

Tritanopia

#C8C0C1

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF2E8
200
#DEE7CF
300
#C6D7AD
400
#A8C181
500
#89AB54
600
#6E8943
700
#586D36
800
#45552A
900
#343F22
950
#212815

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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