#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026