#BE4D78

#BE4D78

Color Values

HEX

#BE4D78

RGB

190, 77, 120

HSL

337.2, 46.5%, 52.4%

HSV

337.2, 59.5%, 74.5%

CMYK

0.0%, 59.5%, 36.8%, 25.5%

OKLCH

0.5802 0.1511 359.2

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#BE4D78

#4DBE93

Analogous

#BE4DB1

#BE5B4D

#BE4D78

Triadic

#BE4D78

#78BE4D

#4D78BE

Split Complementary

#BE4D78

#4DBE5B

#4DB1BE

Tetradic

#BE4D78

#B1BE4D

#4DBE93

#5B4DBE

Color Blindness Simulation

Original

#BE4D78

Protanopia

#8D8C6E

Deuteranopia

#949C6B

Tritanopia

#B86564

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EB
200
#ECCBD7
300
#DEA5BB
400
#CD7596
500
#BB4471
600
#95375B
700
#782C48
800
#5D2239
900
#451C2C
950
#2B121C

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026