#BE558D

#BE558D

Color Values

HEX

#BE558D

RGB

190, 85, 141

HSL

328.0, 44.7%, 53.9%

HSV

328.0, 55.3%, 74.5%

CMYK

0.0%, 55.3%, 25.8%, 25.5%

OKLCH

0.598 0.1487 349.4

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BE558D

#55BE86

Analogous

#BA55BE

#BE5558

#BE558D

Triadic

#BE558D

#8DBE55

#558DBE

Split Complementary

#BE558D

#58BE55

#55BEBA

Tetradic

#BE558D

#BEBA55

#55BE86

#5558BE

Color Blindness Simulation

Original

#BE558D

Protanopia

#91907F

Deuteranopia

#979E7C

Tritanopia

#B97572

Achromatopsia

#6F6F6F

CSS Usage

background-color: #BE558D;
color: #BE558D;
border-color: #BE558D;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EBCBDC
300
#DDA6C4
400
#CB76A3
500
#B84783
600
#943869
700
#762D54
800
#5C2342
900
#441D32
950
#2B121F

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

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