#BD575B

#BD575B

Color Values

HEX

#BD575B

RGB

189, 87, 91

HSL

357.6, 43.6%, 54.1%

HSV

357.6, 54.0%, 74.1%

CMYK

0.0%, 54.0%, 51.9%, 25.9%

OKLCH

0.5846 0.1317 19.6

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#BD575B

#57BDB9

Analogous

#BD578E

#BD8657

#BD575B

Triadic

#BD575B

#5BBD57

#575BBD

Split Complementary

#BD575B

#57BD86

#578EBD

Tetradic

#BD575B

#8EBD57

#57BDB9

#8657BD

Color Blindness Simulation

Original

#BD575B

Protanopia

#91905A

Deuteranopia

#979E5A

Tritanopia

#B85959

Achromatopsia

#6D6D6D

CSS Usage

background-color: #BD575B;
color: #BD575B;
border-color: #BD575B;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCCCD
300
#DCA7A9
400
#CA787B
500
#B7484C
600
#923A3D
700
#752E31
800
#5C2426
900
#431D1F
950
#2B1314

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

4.68:1

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