#B83314

#B83314

Color Values

HEX

#B83314

RGB

184, 51, 20

HSL

11.3, 80.4%, 40.0%

HSV

11.3, 89.1%, 72.2%

CMYK

0.0%, 72.3%, 89.1%, 27.8%

OKLCH

0.5213 0.1745 33.9

Properties

Warm Dark Nearest: RAL 2001 Red Orange

Color Harmonies

Complementary

#B83314

#1499B8

Analogous

#B81447

#B88514

#B83314

Triadic

#B83314

#14B833

#3314B8

Split Complementary

#B83314

#14B885

#1447B8

Tetradic

#B83314

#47B814

#1499B8

#8514B8

Color Blindness Simulation

Original

#B83314

Protanopia

#7E7D1B

Deuteranopia

#86901D

Tritanopia

#B12123

Achromatopsia

#4D4D4D

CSS Usage

background-color: #B83314;
color: #B83314;
border-color: #B83314;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FDF4F2
100
#F9E6E1
200
#F8C9BF
300
#F3A391
400
#ED7155
500
#E64019
600
#B83314
700
#932910
800
#73200C
900
#541B0D
950
#351108

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

3.52:1

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