#BE42B0

#BE42B0

Color Values

HEX

#BE42B0

RGB

190, 66, 176

HSL

306.8, 48.8%, 50.2%

HSV

306.8, 65.3%, 74.5%

CMYK

0.0%, 65.3%, 7.4%, 25.5%

OKLCH

0.5906 0.2008 332.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#BE42B0

#42BE50

Analogous

#8E42BE

#BE4272

#BE42B0

Triadic

#BE42B0

#B0BE42

#42B0BE

Split Complementary

#BE42B0

#72BE42

#42BE8E

Tetradic

#BE42B0

#BE8E42

#42BE50

#4272BE

Color Blindness Simulation

Original

#BE42B0

Protanopia

#888795

Deuteranopia

#90998F

Tritanopia

#B8807C

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDCAE9
300
#E0A4D9
400
#CF73C4
500
#BE41B0
600
#98348C
700
#792A70
800
#5F2158
900
#461B41
950
#2C1129

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026