#BE787C

#BE787C

Color Values

HEX

#BE787C

RGB

190, 120, 124

HSL

356.6, 35.0%, 60.8%

HSV

356.6, 36.8%, 74.5%

CMYK

0.0%, 36.8%, 34.7%, 25.5%

OKLCH

0.6476 0.088 16.1

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#BE787C

#78BEBA

Analogous

#BE789F

#BE9778

#BE787C

Triadic

#BE787C

#7CBE78

#787CBE

Split Complementary

#BE787C

#78BE97

#789FBE

Tetradic

#BE787C

#9FBE78

#78BEBA

#9778BE

Color Blindness Simulation

Original

#BE787C

Protanopia

#A09F7B

Deuteranopia

#A4A97B

Tritanopia

#BA7A7A

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E8CFD0
300
#D7ACAF
400
#C28083
500
#AC5358
600
#8A4246
700
#6E3538
800
#56292C
900
#402123
950
#281516

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.17:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026