#B16F06

#B16F06

Color Values

HEX

#B16F06

RGB

177, 111, 6

HSL

36.8, 93.4%, 35.9%

HSV

36.8, 96.6%, 69.4%

CMYK

0.0%, 37.3%, 96.6%, 30.6%

OKLCH

0.599 0.1293 68.7

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#B16F06

#0648B1

Analogous

#B11906

#9EB106

#B16F06

Triadic

#B16F06

#06B16F

#6F06B1

Split Complementary

#B16F06

#069EB1

#1906B1

Tetradic

#B16F06

#06B119

#0648B1

#B1069E

Color Blindness Simulation

Original

#B16F06

Protanopia

#94941F

Deuteranopia

#989D26

Tritanopia

#AE3338

Achromatopsia

#757575

CSS Usage

background-color: #B16F06;
color: #B16F06;
border-color: #B16F06;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FDE3BA
300
#FBCF89
400
#F9B549
500
#F79A08
600
#C57C07
700
#9E6305
800
#7B4D04
900
#593A08
950
#382405

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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