#C6D8AC

#C6D8AC

Color Values

HEX

#C6D8AC

RGB

198, 216, 172

HSL

84.5, 36.1%, 76.1%

HSV

84.5, 20.4%, 84.7%

CMYK

8.3%, 0.0%, 20.4%, 15.3%

OKLCH

0.8573 0.0622 125.8

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#C6D8AC

#BEACD8

Analogous

#D8D4AC

#B0D8AC

#C6D8AC

Triadic

#C6D8AC

#ACC6D8

#D8ACC6

Split Complementary

#C6D8AC

#ACB0D8

#D4ACD8

Tetradic

#C6D8AC

#ACD8D4

#BEACD8

#D8ACB0

Color Blindness Simulation

Original

#C6D8AC

Protanopia

#CECEB7

Deuteranopia

#CDCBB9

Tritanopia

#C7BFC1

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DEE8CE
300
#C6D8AC
400
#A7C37F
500
#88AE51
600
#6D8B41
700
#576F34
800
#445729
900
#334021
950
#202915

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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