#B43818

#B43818

Color Values

HEX

#B43818

RGB

180, 56, 24

HSL

12.3, 76.5%, 40.0%

HSV

12.3, 86.7%, 70.6%

CMYK

0.0%, 68.9%, 86.7%, 29.4%

OKLCH

0.5199 0.1657 34.9

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#B43818

#1894B4

Analogous

#B41846

#B48618

#B43818

Triadic

#B43818

#18B438

#3818B4

Split Complementary

#B43818

#18B486

#1846B4

Tetradic

#B43818

#46B418

#1894B4

#8618B4

Color Blindness Simulation

Original

#B43818

Protanopia

#7E7D20

Deuteranopia

#868F22

Tritanopia

#AE2627

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FCF4F2
100
#F9E6E2
200
#F7CBC0
300
#F1A693
400
#E97658
500
#E1461E
600
#B43818
700
#902D13
800
#71230F
900
#521D0F
950
#34120A

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

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