#B4AC04

#B4AC04

Color Values

HEX

#B4AC04

RGB

180, 172, 4

HSL

57.3, 95.7%, 36.1%

HSV

57.3, 97.8%, 70.6%

CMYK

0.0%, 4.4%, 97.8%, 29.4%

OKLCH

0.7277 0.1547 106.3

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#B4AC04

#040CB4

Analogous

#B45404

#64B404

#B4AC04

Triadic

#B4AC04

#04B4AC

#AC04B4

Split Complementary

#B4AC04

#0464B4

#5404B4

Tetradic

#B4AC04

#04B454

#040CB4

#B40464

Color Blindness Simulation

Original

#B4AC04

Protanopia

#B1B02D

Deuteranopia

#B1B236

Tritanopia

#B44D54

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FDFAB9
300
#FCF787
400
#FBF346
500
#FAEF05
600
#C8BF04
700
#A09904
800
#7D7703
900
#5A5607
950
#393704

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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