#BAC522

#BAC522

Color Values

HEX

#BAC522

RGB

186, 197, 34

HSL

64.0, 70.6%, 45.3%

HSV

64.0, 82.7%, 77.3%

CMYK

5.6%, 0.0%, 82.7%, 22.7%

OKLCH

0.7888 0.1691 113.8

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#BAC522

#2D22C5

Analogous

#C57E22

#69C522

#BAC522

Triadic

#BAC522

#22BAC5

#C522BA

Split Complementary

#BAC522

#2269C5

#7E22C5

Tetradic

#BAC522

#22C57E

#2D22C5

#C52269

Color Blindness Simulation

Original

#BAC522

Protanopia

#BFBF49

Deuteranopia

#BEBD53

Tritanopia

#BB696F

Achromatopsia

#B7B7B7

CSS Usage

background-color: #BAC522;
color: #BAC522;
border-color: #BAC522;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFCF3
100
#F6F8E2
200
#F1F5C2
300
#E7ED97
400
#DAE35E
500
#CEDA25
600
#A4AE1E
700
#848B18
800
#676D13
900
#4B4F12
950
#2F320B

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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