#ACB822

#ACB822

Color Values

HEX

#ACB822

RGB

172, 184, 34

HSL

64.8, 68.8%, 42.7%

HSV

64.8, 81.5%, 72.2%

CMYK

6.5%, 0.0%, 81.5%, 27.8%

OKLCH

0.7484 0.1601 114.5

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#ACB822

#2E22B8

Analogous

#B87922

#61B822

#ACB822

Triadic

#ACB822

#22ACB8

#B822AC

Split Complementary

#ACB822

#2261B8

#7922B8

Tetradic

#ACB822

#22B879

#2E22B8

#B82261

Color Blindness Simulation

Original

#ACB822

Protanopia

#B1B146

Deuteranopia

#B0B04F

Tritanopia

#AD6369

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F8E3
200
#F0F4C3
300
#E5EC98
400
#D7E260
500
#C9D728
600
#A1AC20
700
#818A19
800
#656C14
900
#4A4E12
950
#2F320C

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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