#ADCF96

#ADCF96

Color Values

HEX

#ADCF96

RGB

173, 207, 150

HSL

95.8, 37.3%, 70.0%

HSV

95.8, 27.5%, 81.2%

CMYK

16.4%, 0.0%, 27.5%, 18.8%

OKLCH

0.8152 0.0855 133.1

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#ADCF96

#B896CF

Analogous

#CACF96

#96CF9B

#ADCF96

Triadic

#ADCF96

#96ADCF

#CF96AD

Split Complementary

#ADCF96

#9B96CF

#CF96CA

Tetradic

#ADCF96

#96CACF

#B896CF

#CF9B96

Color Blindness Simulation

Original

#ADCF96

Protanopia

#BCBCA4

Deuteranopia

#BAB7A7

Tritanopia

#AFAFB1

Achromatopsia

#C4C4C4

CSS Usage

background-color: #ADCF96;
color: #ADCF96;
border-color: #ADCF96;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D9E9CE
300
#BDD9AB
400
#9AC47D
500
#76AF50
600
#5F8C40
700
#4C7033
800
#3B5828
900
#2D4120
950
#1D2914

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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