#BE4F80

#BE4F80

Color Values

HEX

#BE4F80

RGB

190, 79, 128

HSL

333.5, 46.1%, 52.7%

HSV

333.5, 58.4%, 74.5%

CMYK

0.0%, 58.4%, 32.6%, 25.5%

OKLCH

0.5855 0.1514 355.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BE4F80

#4FBE8D

Analogous

#BE4FB8

#BE554F

#BE4F80

Triadic

#BE4F80

#80BE4F

#4F80BE

Split Complementary

#BE4F80

#4FBE55

#4FB8BE

Tetradic

#BE4F80

#B8BE4F

#4FBE8D

#554FBE

Color Blindness Simulation

Original

#BE4F80

Protanopia

#8E8D74

Deuteranopia

#949D71

Tritanopia

#B86B69

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD9
300
#DEA6BF
400
#CC759C
500
#BA4579
600
#953761
700
#772C4D
800
#5D223C
900
#451C2E
950
#2B121D

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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