#BE0AC3

#BE0AC3

Color Values

HEX

#BE0AC3

RGB

190, 10, 195

HSL

298.4, 90.2%, 40.2%

HSV

298.4, 94.9%, 76.5%

CMYK

2.6%, 94.9%, 0.0%, 23.5%

OKLCH

0.5676 0.259 326.9

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BE0AC3

#0FC30A

Analogous

#620AC3

#C30A6B

#BE0AC3

Triadic

#BE0AC3

#C3BE0A

#0AC3BE

Split Complementary

#BE0AC3

#6BC30A

#0AC362

Tetradic

#BE0AC3

#C3620A

#0FC30A

#0A6BC3

Color Blindness Simulation

Original

#BE0AC3

Protanopia

#706E96

Deuteranopia

#7A888C

Tritanopia

#B5736B

Achromatopsia

#3E3E3E

CSS Usage

background-color: #BE0AC3;
color: #BE0AC3;
border-color: #BE0AC3;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABBFC
300
#F68BF9
400
#F14CF6
500
#EC0CF3
600
#BD0AC2
700
#97089B
800
#760679
900
#560958
950
#360637

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

4.02:1

AA Fail 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