#BAA112

#BAA112

Color Values

HEX

#BAA112

RGB

186, 161, 18

HSL

51.1, 82.4%, 40.0%

HSV

51.1, 90.3%, 72.9%

CMYK

0.0%, 13.4%, 90.3%, 27.1%

OKLCH

0.71 0.1431 97.7

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#BAA112

#122BBA

Analogous

#BA4D12

#7FBA12

#BAA112

Triadic

#BAA112

#12BAA1

#A112BA

Split Complementary

#BAA112

#127FBA

#4D12BA

Tetradic

#BAA112

#12BA4D

#122BBA

#BA127F

Color Blindness Simulation

Original

#BAA112

Protanopia

#AFAF35

Deuteranopia

#B1B23D

Tritanopia

#B95056

Achromatopsia

#9C9C9C

CSS Usage

background-color: #BAA112;
color: #BAA112;
border-color: #BAA112;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FDFBF2
100
#FAF6E1
200
#F9F0BE
300
#F4E58F
400
#EED753
500
#E9C916
600
#BAA112
700
#95810E
800
#74650B
900
#544A0D
950
#352F08

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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