#A2A306

#A2A306

Color Values

HEX

#A2A306

RGB

162, 163, 6

HSL

60.4, 92.9%, 33.1%

HSV

60.4, 96.3%, 63.9%

CMYK

0.6%, 0.0%, 96.3%, 36.1%

OKLCH

0.6918 0.1501 110.2

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#A2A306

#0706A3

Analogous

#A35506

#53A306

#A2A306

Triadic

#A2A306

#06A2A3

#A306A2

Split Complementary

#A2A306

#0653A3

#5506A3

Tetradic

#A2A306

#06A355

#0706A3

#A30653

Color Blindness Simulation

Original

#A2A306

Protanopia

#A2A22C

Deuteranopia

#A2A235

Tritanopia

#A24A51

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FCFCBA
300
#FAFB89
400
#F7F849
500
#F4F609
600
#C3C507
700
#9C9D06
800
#7A7B05
900
#585908
950
#383805

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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