#B69016

#B69016

Color Values

HEX

#B69016

RGB

182, 144, 22

HSL

45.8, 78.4%, 40.0%

HSV

45.8, 87.9%, 71.4%

CMYK

0.0%, 20.9%, 87.9%, 28.6%

OKLCH

0.6705 0.1319 88.9

Properties

Warm Light Nearest: RAL 1005 Honey Yellow

Color Harmonies

Complementary

#B69016

#163CB6

Analogous

#B64016

#8CB616

#B69016

Triadic

#B69016

#16B690

#9016B6

Split Complementary

#B69016

#168CB6

#4016B6

Tetradic

#B69016

#16B640

#163CB6

#B6168C

Color Blindness Simulation

Original

#B69016

Protanopia

#A6A533

Deuteranopia

#A8AB3B

Tritanopia

#B44B50

Achromatopsia

#8F8F8F

CSS Usage

background-color: #B69016;
color: #B69016;
border-color: #B69016;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCFAF2
100
#F9F3E1
200
#F7EABF
300
#F2DB92
400
#EBC857
500
#E3B41C
600
#B69016
700
#927312
800
#725A0E
900
#53420E
950
#342A09

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

6.99:1

AA Pass AAA Fail

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