#BE22C2

#BE22C2

Color Values

HEX

#BE22C2

RGB

190, 34, 194

HSL

298.5, 70.2%, 44.7%

HSV

298.5, 82.5%, 76.1%

CMYK

2.1%, 82.5%, 0.0%, 23.9%

OKLCH

0.5757 0.2466 327.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BE22C2

#26C222

Analogous

#6E22C2

#C22276

#BE22C2

Triadic

#BE22C2

#C2BE22

#22C2BE

Split Complementary

#BE22C2

#76C222

#22C26E

Tetradic

#BE22C2

#C26E22

#26C222

#2276C2

Color Blindness Simulation

Original

#BE22C2

Protanopia

#7A799B

Deuteranopia

#848F92

Tritanopia

#B67D76

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E2F8
200
#F3C2F4
300
#EB97ED
400
#E05EE3
500
#D526D9
600
#AA1EAE
700
#88188B
800
#6A136D
900
#4E124F
950
#310B32

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026