#BAB463

#BAB463

Color Values

HEX

#BAB463

RGB

186, 180, 99

HSL

55,9, 38,7%, 55,9%

HSV

55,9, 46,8%, 72,9%

CMYK

0,0%, 3,2%, 46,8%, 27,1%

OKLCH

0,7573 0,1035 104,8

Properties

Warm Light Nearest: darkkhaki

Color Harmonies

Complementary

#BAB463

#6369BA

Analogous

#BA8963

#94BA63

#BAB463

Triadic

#BAB463

#63BAB4

#B463BA

Split Complementary

#BAB463

#6394BA

#8963BA

Tetradic

#BAB463

#63BA89

#6369BA

#BA6394

Color Blindness Simulation

Original

#BAB463

Protanopia

#B7B777

Deuteranopia

#B8B87B

Tritanopia

#BA8689

Achromatopsia

#AFAFAF

CSS Usage

background-color: #BAB463;
color: #BAB463;
border-color: #BAB463;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF5
100
#F3F2E7
200
#E9E7CD
300
#D9D6AA
400
#C5C07C
500
#B1AA4E
600
#8D883F
700
#716D32
800
#585527
900
#413F20
950
#292814

Contrast Checker

Text on white

2,14:1

AA Fail AAA Fail

Text on black

9,8: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