#ABB325

#ABB325

Color Values

HEX

#ABB325

RGB

171, 179, 37

HSL

63.4, 65.7%, 42.4%

HSV

63.4, 79.3%, 70.2%

CMYK

4.5%, 0.0%, 79.3%, 29.8%

OKLCH

0.7365 0.1539 113.0

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ABB325

#2D25B3

Analogous

#B37425

#64B325

#ABB325

Triadic

#ABB325

#25ABB3

#B325AB

Split Complementary

#ABB325

#2564B3

#7425B3

Tetradic

#ABB325

#25B374

#2D25B3

#B32564

Color Blindness Simulation

Original

#ABB325

Protanopia

#AEAF47

Deuteranopia

#AEAD50

Tritanopia

#AB6368

Achromatopsia

#A7A7A7

CSS Usage

background-color: #ABB325;
color: #ABB325;
border-color: #ABB325;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F0F3C4
300
#E5EA9A
400
#D8DF63
500
#CAD32C
600
#A1A923
700
#81871C
800
#656A16
900
#4A4D14
950
#2F310D

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.21: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