#BD4F42

#BD4F42

Color Values

HEX

#BD4F42

RGB

189, 79, 66

HSL

6.3, 48.2%, 50.0%

HSV

6.3, 65.1%, 74.1%

CMYK

0.0%, 58.2%, 65.1%, 25.9%

OKLCH

0.5684 0.1447 29.1

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#BD4F42

#42B0BD

Analogous

#BD4273

#BD8C42

#BD4F42

Triadic

#BD4F42

#42BD4F

#4F42BD

Split Complementary

#BD4F42

#42BD8C

#4273BD

Tetradic

#BD4F42

#73BD42

#42B0BD

#8C42BD

Color Blindness Simulation

Original

#BD4F42

Protanopia

#8D8C45

Deuteranopia

#949C46

Tritanopia

#B74848

Achromatopsia

#656565

CSS Usage

background-color: #BD4F42;
color: #BD4F42;
border-color: #BD4F42;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#EDCECA
300
#DFAAA4
400
#CE7D73
500
#BD4F42
600
#973F35
700
#79332A
800
#5E2721
900
#45201B
950
#2C1411

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

4.36:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026