#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

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