#C1D7AE

#C1D7AE

Color Values

HEX

#C1D7AE

RGB

193, 215, 174

HSL

92.2, 33.9%, 76.3%

HSV

92.2, 19.1%, 84.3%

CMYK

10.2%, 0.0%, 19.1%, 15.7%

OKLCH

0.8519 0.0602 130.6

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#C1D7AE

#C4AED7

Analogous

#D6D7AE

#AED7B0

#C1D7AE

Triadic

#C1D7AE

#AEC1D7

#D7AEC1

Split Complementary

#C1D7AE

#B0AED7

#D7AED6

Tetradic

#C1D7AE

#AED6D7

#C4AED7

#D7B0AE

Color Blindness Simulation

Original

#C1D7AE

Protanopia

#CBCBB8

Deuteranopia

#C9C8BA

Tritanopia

#C2C0C1

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DAE7CF
300
#C0D7AD
400
#9EC181
500
#7CAB54
600
#638943
700
#506D36
800
#3E552A
900
#2F3F22
950
#1E2815

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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