#B4AD52

#B4AD52

Color Values

HEX

#B4AD52

RGB

180, 173, 82

HSL

55.7, 39.5%, 51.4%

HSV

55.7, 54.4%, 70.6%

CMYK

0.0%, 3.9%, 54.4%, 29.4%

OKLCH

0.7347 0.1136 104.8

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#B4AD52

#5259B4

Analogous

#B47C52

#8AB452

#B4AD52

Triadic

#B4AD52

#52B4AD

#AD52B4

Split Complementary

#B4AD52

#528AB4

#7C52B4

Tetradic

#B4AD52

#52B47C

#5259B4

#B4528A

Color Blindness Simulation

Original

#B4AD52

Protanopia

#B1B168

Deuteranopia

#B1B26D

Tritanopia

#B4797D

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F2E7
200
#E9E7CD
300
#DAD7AA
400
#C6C17B
500
#B2AB4D
600
#8E893E
700
#726D31
800
#595527
900
#423F1F
950
#292814

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026