#ADC68F

#ADC68F

Color Values

HEX

#ADC68F

RGB

173, 198, 143

HSL

87.3, 32.5%, 66.9%

HSV

87.3, 27.8%, 77.6%

CMYK

12.6%, 0.0%, 27.8%, 22.4%

OKLCH

0.7938 0.0795 128.0

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#ADC68F

#A88FC6

Analogous

#C6C48F

#92C68F

#ADC68F

Triadic

#ADC68F

#8FADC6

#C68FAD

Split Complementary

#ADC68F

#8F92C6

#C48FC6

Tetradic

#ADC68F

#8FC6C4

#A88FC6

#C68F92

Color Blindness Simulation

Original

#ADC68F

Protanopia

#B8B89C

Deuteranopia

#B6B4A0

Tritanopia

#AEA7A9

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EEF2E8
200
#DCE7D0
300
#C4D6AE
400
#A3BF82
500
#83A956
600
#698745
700
#546C37
800
#42542B
900
#323F22
950
#1F2816

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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