#B06F0F

#B06F0F

Color Values

HEX

#B06F0F

RGB

176, 111, 15

HSL

35.8, 84.3%, 37.5%

HSV

35.8, 91.5%, 69.0%

CMYK

0.0%, 36.9%, 91.5%, 31.0%

OKLCH

0.598 0.1267 68.4

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#B06F0F

#0F50B0

Analogous

#B01F0F

#A1B00F

#B06F0F

Triadic

#B06F0F

#0FB06F

#6F0FB0

Split Complementary

#B06F0F

#0FA1B0

#1F0FB0

Tetradic

#B06F0F

#0FB01F

#0F50B0

#B00FA1

Color Blindness Simulation

Original

#B06F0F

Protanopia

#949326

Deuteranopia

#989C2C

Tritanopia

#AD393D

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAF0E0
200
#F9E1BD
300
#F5CC8E
400
#F0B051
500
#EB9414
600
#BC7710
700
#965F0D
800
#754A0A
900
#55380C
950
#362307

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.13:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026