#BAB229

#BAB229

Color Values

HEX

#BAB229

RGB

186, 178, 41

HSL

56.7, 63.9%, 44.5%

HSV

56.7, 78.0%, 72.9%

CMYK

0.0%, 4.3%, 78.0%, 27.1%

OKLCH

0.7474 0.1478 106.0

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BAB229

#2931BA

Analogous

#BA6929

#79BA29

#BAB229

Triadic

#BAB229

#29BAB2

#B229BA

Split Complementary

#BAB229

#2979BA

#6929BA

Tetradic

#BAB229

#29BA69

#2931BA

#BA2979

Color Blindness Simulation

Original

#BAB229

Protanopia

#B7B64A

Deuteranopia

#B7B852

Tritanopia

#BA646A

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F6E3
200
#F2F0C4
300
#E9E59B
400
#DDD664
500
#D1C82E
600
#A7A025
700
#86801D
800
#686417
900
#4C4915
950
#302E0D

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.49:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026