#BE0FAF

#BE0FAF

Color Values

HEX

#BE0FAF

RGB

190, 15, 175

HSL

305.1, 85.4%, 40.2%

HSV

305.1, 92.1%, 74.5%

CMYK

0.0%, 92.1%, 7.9%, 25.5%

OKLCH

0.5568 0.2441 332.8

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BE0FAF

#0FBE1E

Analogous

#750FBE

#BE0F58

#BE0FAF

Triadic

#BE0FAF

#AFBE0F

#0FAFBE

Split Complementary

#BE0FAF

#58BE0F

#0FBE75

Tetradic

#BE0FAF

#BE750F

#0FBE1E

#0F58BE

Color Blindness Simulation

Original

#BE0FAF

Protanopia

#727188

Deuteranopia

#7C8A7F

Tritanopia

#B56A63

Achromatopsia

#404040

CSS Usage

background-color: #BE0FAF;
color: #BE0FAF;
border-color: #BE0FAF;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FC
100
#FAE0F8
200
#FABDF5
300
#F68EED
400
#F150E4
500
#EC13DA
600
#BD0FAE
700
#970C8B
800
#76096D
900
#560B4F
950
#360732

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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