#BE487C

#BE487C

Color Values

HEX

#BE487C

RGB

190, 72, 124

HSL

333.6, 47.6%, 51.4%

HSV

333.6, 62.1%, 74.5%

CMYK

0.0%, 62.1%, 34.7%, 25.5%

OKLCH

0.5753 0.1599 356.0

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BE487C

#48BE8A

Analogous

#BE48B7

#BE4F48

#BE487C

Triadic

#BE487C

#7CBE48

#487CBE

Split Complementary

#BE487C

#48BE4F

#48B7BE

Tetradic

#BE487C

#B7BE48

#48BE8A

#4F48BE

Color Blindness Simulation

Original

#BE487C

Protanopia

#8B8A6F

Deuteranopia

#929B6C

Tritanopia

#B86563

Achromatopsia

#656565

CSS Usage

background-color: #BE487C;
color: #BE487C;
border-color: #BE487C;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCAD9
300
#DFA5BE
400
#CE749B
500
#BC4378
600
#973560
700
#782B4D
800
#5E213C
900
#451C2E
950
#2C111D

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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