#BD4348

#BD4348

Color Values

HEX

#BD4348

RGB

189, 67, 72

HSL

357.5, 48.0%, 50.2%

HSV

357.5, 64.6%, 74.1%

CMYK

0.0%, 64.6%, 61.9%, 25.9%

OKLCH

0.5539 0.1569 21.5

Properties

Warm Dark Nearest: indianred 3

Color Harmonies

Complementary

#BD4348

#43BDB8

Analogous

#BD4385

#BD7B43

#BD4348

Triadic

#BD4348

#48BD43

#4348BD

Split Complementary

#BD4348

#43BD7B

#4385BD

Tetradic

#BD4348

#85BD43

#43BDB8

#7B43BD

Color Blindness Simulation

Original

#BD4348

Protanopia

#888747

Deuteranopia

#8F9846

Tritanopia

#B74646

Achromatopsia

#5D5D5D

CSS Usage

background-color: #BD4348;
color: #BD4348;
border-color: #BD4348;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#ECCACC
300
#DFA4A7
400
#CE7377
500
#BD4247
600
#973539
700
#792A2E
800
#5E2124
900
#451C1D
950
#2C1112

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

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