#B4AD06

#B4AD06

Color Values

HEX

#B4AD06

RGB

180, 173, 6

HSL

57.6, 93.5%, 36.5%

HSV

57.6, 96.7%, 70.6%

CMYK

0.0%, 3.9%, 96.7%, 29.4%

OKLCH

0.73 0.1552 106.7

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#B4AD06

#060DB4

Analogous

#B45606

#64B406

#B4AD06

Triadic

#B4AD06

#06B4AD

#AD06B4

Split Complementary

#B4AD06

#0664B4

#5606B4

Tetradic

#B4AD06

#06B456

#060DB4

#B40664

Color Blindness Simulation

Original

#B4AD06

Protanopia

#B1B12E

Deuteranopia

#B1B238

Tritanopia

#B44E55

Achromatopsia

#A2A2A2

CSS Usage

background-color: #B4AD06;
color: #B4AD06;
border-color: #B4AD06;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FDFABA
300
#FBF689
400
#F9F248
500
#F7ED08
600
#C5BE07
700
#9E9805
800
#7B7704
900
#595608
950
#383605

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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