#B84642

#B84642

Color Values

HEX

#B84642

RGB

184, 70, 66

HSL

2.0, 47.2%, 49.0%

HSV

2.0, 64.1%, 72.2%

CMYK

0.0%, 62.0%, 64.1%, 27.8%

OKLCH

0.5485 0.1488 25.3

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B84642

#42B4B8

Analogous

#B84279

#B88142

#B84642

Triadic

#B84642

#42B846

#4642B8

Split Complementary

#B84642

#42B881

#4279B8

Tetradic

#B84642

#79B842

#42B4B8

#8142B8

Color Blindness Simulation

Original

#B84642

Protanopia

#878643

Deuteranopia

#8D9643

Tritanopia

#B24444

Achromatopsia

#5E5E5E

CSS Usage

background-color: #B84642;
color: #B84642;
border-color: #B84642;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#ECCCCA
300
#DFA7A5
400
#CD7774
500
#BC4743
600
#963936
700
#782E2B
800
#5E2422
900
#451D1C
950
#2C1212

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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