#B93EB0

#B93EB0

Color Values

HEX

#B93EB0

RGB

185, 62, 176

HSL

304.4, 49.8%, 48.4%

HSV

304.4, 66.5%, 72.5%

CMYK

0.0%, 66.5%, 4.9%, 27.5%

OKLCH

0.5794 0.2031 330.9

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#B93EB0

#3EB947

Analogous

#843EB9

#B93E72

#B93EB0

Triadic

#B93EB0

#B0B93E

#3EB0B9

Split Complementary

#B93EB0

#72B93E

#3EB984

Tetradic

#B93EB0

#B9843E

#3EB947

#3E72B9

Color Blindness Simulation

Original

#B93EB0

Protanopia

#848394

Deuteranopia

#8B948E

Tritanopia

#B37F7A

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E6F4
200
#EDCAEA
300
#E0A3DC
400
#D072C9
500
#BF40B6
600
#993391
700
#7A2974
800
#5F205B
900
#461B43
950
#2C112A

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail AAA Fail

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026