#A7B326

#A7B326

Color Values

HEX

#A7B326

RGB

167, 179, 38

HSL

65.1, 65.0%, 42.5%

HSV

65.1, 78.8%, 70.2%

CMYK

6.7%, 0.0%, 78.8%, 29.8%

OKLCH

0.7333 0.1546 114.6

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#A7B326

#3226B3

Analogous

#B37826

#60B326

#A7B326

Triadic

#A7B326

#26A7B3

#B326A7

Split Complementary

#A7B326

#2660B3

#7826B3

Tetradic

#A7B326

#26B378

#3226B3

#B32660

Color Blindness Simulation

Original

#A7B326

Protanopia

#ACAC48

Deuteranopia

#ACAB50

Tritanopia

#A86369

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EFF3C4
300
#E3EA9A
400
#D4DE63
500
#C4D22D
600
#9DA824
700
#7E871D
800
#626916
900
#484D14
950
#2D310D

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.12:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026