#B06F09

#B06F09

Color Values

HEX

#B06F09

RGB

176, 111, 9

HSL

36.6, 90.3%, 36.3%

HSV

36.6, 94.9%, 69.0%

CMYK

0.0%, 36.9%, 94.9%, 31.0%

OKLCH

0.5978 0.128 68.9

Properties

Warm Light Nearest: darkgoldenrod

Color Harmonies

Complementary

#B06F09

#094AB0

Analogous

#B01B09

#9EB009

#B06F09

Triadic

#B06F09

#09B06F

#6F09B0

Split Complementary

#B06F09

#099EB0

#1B09B0

Tetradic

#B06F09

#09B01B

#094AB0

#B0099E

Color Blindness Simulation

Original

#B06F09

Protanopia

#949322

Deuteranopia

#989C28

Tritanopia

#AD3539

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FCE2BB
300
#F9CE8B
400
#F6B34B
500
#F3990C
600
#C27A0A
700
#9B6208
800
#794C06
900
#583909
950
#372406

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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