#B0AB49

#B0AB49

Color Values

HEX

#B0AB49

RGB

176, 171, 73

HSL

57.1, 41.4%, 48.8%

HSV

57.1, 58.5%, 69.0%

CMYK

0.0%, 2.8%, 58.5%, 31.0%

OKLCH

0.7258 0.1201 106.3

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#B0AB49

#494EB0

Analogous

#B07749

#81B049

#B0AB49

Triadic

#B0AB49

#49B0AB

#AB49B0

Split Complementary

#B0AB49

#4981B0

#7749B0

Tetradic

#B0AB49

#49B077

#494EB0

#B04981

Color Blindness Simulation

Original

#B0AB49

Protanopia

#AEAE61

Deuteranopia

#AEAE66

Tritanopia

#B07378

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#EAE9CD
300
#DBD9A8
400
#C8C47A
500
#B4AF4B
600
#908C3C
700
#737030
800
#5A5825
900
#43411E
950
#2A2913

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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