#BE0ABC

#BE0ABC

Color Values

HEX

#BE0ABC

RGB

190, 10, 188

HSL

300,7, 90,0%, 39,2%

HSV

300,7, 94,7%, 74,5%

CMYK

0,0%, 94,7%, 1,1%, 25,5%

OKLCH

0,5633 0,2543 328,9

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BE0ABC

#0ABE0C

Analogous

#660ABE

#BE0A62

#BE0ABC

Triadic

#BE0ABC

#BCBE0A

#0ABCBE

Split Complementary

#BE0ABC

#62BE0A

#0ABE66

Tetradic

#BE0ABC

#BE660A

#0ABE0C

#0A62BE

Color Blindness Simulation

Original

#BE0ABC

Protanopia

#706E91

Deuteranopia

#7A8887

Tritanopia

#B56F67

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FBBBFB
300
#F98BF8
400
#F64CF4
500
#F20DF0
600
#C20AC0
700
#9B0899
800
#790678
900
#580957
950
#370637

Contrast Checker

Text on white

5,3:1

AA Pass AAA Fail

Text on black

3,96: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