#ABCF74

#ABCF74

Color Values

HEX

#ABCF74

RGB

171, 207, 116

HSL

83,7, 48,7%, 63,3%

HSV

83,7, 44,0%, 81,2%

CMYK

17,4%, 0,0%, 44,0%, 18,8%

OKLCH

0,8077 0,1246 126,7

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ABCF74

#9874CF

Analogous

#CFC574

#7DCF74

#ABCF74

Triadic

#ABCF74

#74ABCF

#CF74AB

Split Complementary

#ABCF74

#747DCF

#C574CF

Tetradic

#ABCF74

#74CFC5

#9874CF

#CF747D

Color Blindness Simulation

Original

#ABCF74

Protanopia

#BBBB8A

Deuteranopia

#B8B68F

Tritanopia

#AD9B9F

Achromatopsia

#C1C1C1

CSS Usage

background-color: #ABCF74;
color: #ABCF74;
border-color: #ABCF74;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FBF4
100
#EFF5E6
200
#DFEDCA
300
#C8E0A4
400
#AACF73
500
#8DBE41
600
#709834
700
#5A792A
800
#465F21
900
#35461B
950
#212C11

Contrast Checker

Text on white

1,76:1

AA Fail AAA Fail

Text on black

11,91:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026