#BF33BA

#BF33BA

Color Values

HEX

#BF33BA

RGB

191, 51, 186

HSL

302,1, 57,9%, 47,5%

HSV

302,1, 73,3%, 74,9%

CMYK

0,0%, 73,3%, 2,6%, 25,1%

OKLCH

0,5838 0,2265 329,6

Properties

Warm Dark Nearest: mediumorchid

Color Harmonies

Complementary

#BF33BA

#33BF38

Analogous

#7E33BF

#BF3374

#BF33BA

Triadic

#BF33BA

#BABF33

#33BABF

Split Complementary

#BF33BA

#74BF33

#33BF7E

Tetradic

#BF33BA

#BF7E33

#33BF38

#3374BF

Color Blindness Simulation

Original

#BF33BA

Protanopia

#828199

Deuteranopia

#8A9592

Tritanopia

#B8807A

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C7EF
300
#E59EE3
400
#D76AD3
500
#C936C4
600
#A12B9D
700
#81227E
800
#651B62
900
#4A1748
950
#2F0F2D

Contrast Checker

Text on white

4,78:1

AA Pass AAA Fail

Text on black

4,4:1

AA Fail 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