#ABC507

#ABC507

Color Values

HEX

#ABC507

RGB

171, 197, 7

HSL

68,2, 93,1%, 40,0%

HSV

68,2, 96,4%, 77,3%

CMYK

13,2%, 0,0%, 96,4%, 22,7%

OKLCH

0,7765 0,1811 118,9

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#ABC507

#2107C5

Analogous

#C58007

#4CC507

#ABC507

Triadic

#ABC507

#07ABC5

#C507AB

Split Complementary

#ABC507

#074CC5

#8007C5

Tetradic

#ABC507

#07C580

#2107C5

#C5074C

Color Blindness Simulation

Original

#ABC507

Protanopia

#B6B635

Deuteranopia

#B5B340

Tritanopia

#AC5961

Achromatopsia

#B2B2B2

CSS Usage

background-color: #ABC507;
color: #ABC507;
border-color: #ABC507;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#FCFDF1
100
#F7FBDF
200
#F3FDBA
300
#EBFB89
400
#E0F849
500
#D6F609
600
#ABC507
700
#899E06
800
#6B7B04
900
#4E5908
950
#313805

Contrast Checker

Text on white

1,96:1

AA Fail AAA Fail

Text on black

10,72: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