#BAAA12

#BAAA12

Color Values

HEX

#BAAA12

RGB

186, 170, 18

HSL

54.3, 82.4%, 40.0%

HSV

54.3, 90.3%, 72.9%

CMYK

0.0%, 8.6%, 90.3%, 27.1%

OKLCH

0.7292 0.1497 102.5

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#BAAA12

#1222BA

Analogous

#BA5612

#76BA12

#BAAA12

Triadic

#BAAA12

#12BAAA

#AA12BA

Split Complementary

#BAAA12

#1276BA

#5612BA

Tetradic

#BAAA12

#12BA56

#1222BA

#BA1276

Color Blindness Simulation

Original

#BAAA12

Protanopia

#B3B337

Deuteranopia

#B4B540

Tritanopia

#B9545A

Achromatopsia

#A2A2A2

CSS Usage

background-color: #BAAA12;
color: #BAAA12;
border-color: #BAAA12;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FDFCF2
100
#FAF7E1
200
#F9F3BE
300
#F4EB8F
400
#EEE053
500
#E9D516
600
#BAAA12
700
#95880E
800
#746A0B
900
#544E0D
950
#353108

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

8.85:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026