#B4550D

#B4550D

Color Values

HEX

#B4550D

RGB

180, 85, 13

HSL

25.9, 86.5%, 37.8%

HSV

25.9, 92.8%, 70.6%

CMYK

0.0%, 52.8%, 92.8%, 29.4%

OKLCH

0.5585 0.1434 49.7

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#B4550D

#0D6CB4

Analogous

#B40D18

#B4A80D

#B4550D

Triadic

#B4550D

#0DB455

#550DB4

Split Complementary

#B4550D

#0DB4A8

#0D18B4

Tetradic

#B4550D

#18B40D

#0D6CB4

#A80DB4

Color Blindness Simulation

Original

#B4550D

Protanopia

#8B8A1E

Deuteranopia

#909823

Tritanopia

#AF2C2F

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEBE0
200
#FAD7BC
300
#F7BB8D
400
#F2954F
500
#EE7011
600
#BE5A0E
700
#98480B
800
#773809
900
#562B0B
950
#361B07

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail 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