#B4B616

#B4B616

Color Values

HEX

#B4B616

RGB

180, 182, 22

HSL

60.8, 78.4%, 40.0%

HSV

60.8, 87.9%, 71.4%

CMYK

1.1%, 0.0%, 87.9%, 28.6%

OKLCH

0.7502 0.16 110.5

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#B4B616

#1816B6

Analogous

#B66816

#64B616

#B4B616

Triadic

#B4B616

#16B4B6

#B616B4

Split Complementary

#B4B616

#1664B6

#6816B6

Tetradic

#B4B616

#16B668

#1816B6

#B61664

Color Blindness Simulation

Original

#B4B616

Protanopia

#B5B53D

Deuteranopia

#B5B546

Tritanopia

#B45B62

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F9E1
200
#F7F7BF
300
#F1F292
400
#E9EB57
500
#E1E31C
600
#B4B616
700
#909212
800
#70720E
900
#52530E
950
#343409

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.64:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026