#BE2EAF

#BE2EAF

Color Values

HEX

#BE2EAF

RGB

190, 46, 175

HSL

306.2, 61.0%, 46.3%

HSV

306.2, 75.8%, 74.5%

CMYK

0.0%, 75.8%, 7.9%, 25.5%

OKLCH

0.5724 0.223 332.8

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#BE2EAF

#2EBE3D

Analogous

#852EBE

#BE2E67

#BE2EAF

Triadic

#BE2EAF

#AFBE2E

#2EAFBE

Split Complementary

#BE2EAF

#67BE2E

#2EBE85

Tetradic

#BE2EAF

#BE852E

#2EBE3D

#2E67BE

Color Blindness Simulation

Original

#BE2EAF

Protanopia

#807E90

Deuteranopia

#889388

Tritanopia

#B77772

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF3FA
100
#F6E4F4
200
#F1C6ED
300
#E79CDF
400
#DA67CE
500
#CD32BD
600
#A42897
700
#832079
800
#67195F
900
#4B1646
950
#2F0E2C

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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