#ABCF96

#ABCF96

Color Values

HEX

#ABCF96

RGB

171, 207, 150

HSL

97.9, 37.3%, 70.0%

HSV

97.9, 27.5%, 81.2%

CMYK

17.4%, 0.0%, 27.5%, 18.8%

OKLCH

0.8138 0.0865 134.3

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#ABCF96

#BA96CF

Analogous

#C8CF96

#96CF9D

#ABCF96

Triadic

#ABCF96

#96ABCF

#CF96AB

Split Complementary

#ABCF96

#9D96CF

#CF96C8

Tetradic

#ABCF96

#96C8CF

#BA96CF

#CF9D96

Color Blindness Simulation

Original

#ABCF96

Protanopia

#BBBBA4

Deuteranopia

#B8B6A7

Tritanopia

#ADAFB1

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8E9CE
300
#BCD9AB
400
#97C47D
500
#73AF50
600
#5C8C40
700
#4A7033
800
#395828
900
#2C4120
950
#1C2914

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026