#BD787B

#BD787B

Color Values

HEX

#BD787B

RGB

189, 120, 123

HSL

357.4, 34.3%, 60.6%

HSV

357.4, 36.5%, 74.1%

CMYK

0.0%, 36.5%, 34.9%, 25.9%

OKLCH

0.6461 0.0868 16.9

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#BD787B

#78BDBA

Analogous

#BD789E

#BD9878

#BD787B

Triadic

#BD787B

#7BBD78

#787BBD

Split Complementary

#BD787B

#78BD98

#789EBD

Tetradic

#BD787B

#9EBD78

#78BDBA

#9878BD

Color Blindness Simulation

Original

#BD787B

Protanopia

#9F9F7A

Deuteranopia

#A3A87A

Tritanopia

#BA7A7A

Achromatopsia

#878787

CSS Usage

background-color: #BD787B;
color: #BD787B;
border-color: #BD787B;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E8CFD0
300
#D7ADAF
400
#C18083
500
#AB5458
600
#894346
700
#6E3638
800
#562A2C
900
#3F2123
950
#281516

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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