#B85C0C

#B85C0C

Color Values

HEX

#B85C0C

RGB

184, 92, 12

HSL

27.9, 87.8%, 38.4%

HSV

27.9, 93.5%, 72.2%

CMYK

0.0%, 50.0%, 93.5%, 27.8%

OKLCH

0.5755 0.1426 52.7

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#B85C0C

#0C68B8

Analogous

#B80C12

#B8B20C

#B85C0C

Triadic

#B85C0C

#0CB85C

#5C0CB8

Split Complementary

#B85C0C

#0CB8B2

#0C12B8

Tetradic

#B85C0C

#12B80C

#0C68B8

#B20CB8

Color Blindness Simulation

Original

#B85C0C

Protanopia

#908F1F

Deuteranopia

#969C24

Tritanopia

#B32F32

Achromatopsia

#6A6A6A

CSS Usage

background-color: #B85C0C;
color: #B85C0C;
border-color: #B85C0C;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF7F2
100
#FAECE0
200
#FBD9BC
300
#F8BE8C
400
#F39B4E
500
#EF7810
600
#C0600C
700
#994D0A
800
#783C08
900
#572E0A
950
#371D06

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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