#C5D8AC

#C5D8AC

Color Values

HEX

#C5D8AC

RGB

197, 216, 172

HSL

85.9, 36.1%, 76.1%

HSV

85.9, 20.4%, 84.7%

CMYK

8.8%, 0.0%, 20.4%, 15.3%

OKLCH

0.8565 0.0626 126.7

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#C5D8AC

#BFACD8

Analogous

#D8D5AC

#AFD8AC

#C5D8AC

Triadic

#C5D8AC

#ACC5D8

#D8ACC5

Split Complementary

#C5D8AC

#ACAFD8

#D5ACD8

Tetradic

#C5D8AC

#ACD8D5

#BFACD8

#D8ACAF

Color Blindness Simulation

Original

#C5D8AC

Protanopia

#CDCDB7

Deuteranopia

#CCCBB9

Tritanopia

#C6BFC1

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DDE8CE
300
#C5D8AC
400
#A5C37F
500
#86AE51
600
#6B8B41
700
#566F34
800
#435729
900
#334021
950
#202915

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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