#B46F0C

#B46F0C

Color Values

HEX

#B46F0C

RGB

180, 111, 12

HSL

35.4, 87.5%, 37.6%

HSV

35.4, 93.3%, 70.6%

CMYK

0.0%, 38.3%, 93.3%, 29.4%

OKLCH

0.603 0.1303 66.8

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#B46F0C

#0C51B4

Analogous

#B41B0C

#A5B40C

#B46F0C

Triadic

#B46F0C

#0CB46F

#6F0CB4

Split Complementary

#B46F0C

#0CA5B4

#1B0CB4

Tetradic

#B46F0C

#0CB41B

#0C51B4

#B40CA5

Color Blindness Simulation

Original

#B46F0C

Protanopia

#969624

Deuteranopia

#9A9F2A

Tritanopia

#B1373B

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAF0E0
200
#FBE1BC
300
#F7CB8C
400
#F3B04E
500
#EF9410
600
#BF760D
700
#995E0A
800
#784A08
900
#57370A
950
#372307

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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