#BF18B1

#BF18B1

Color Values

HEX

#BF18B1

RGB

191, 24, 177

HSL

305.0, 77.7%, 42.2%

HSV

305.0, 87.4%, 74.9%

CMYK

0.0%, 87.4%, 7.3%, 25.1%

OKLCH

0.5627 0.2416 332.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BF18B1

#18BF26

Analogous

#7A18BF

#BF185E

#BF18B1

Triadic

#BF18B1

#B1BF18

#18B1BF

Split Complementary

#BF18B1

#5EBF18

#18BF7A

Tetradic

#BF18B1

#BF7A18

#18BF26

#185EBF

Color Blindness Simulation

Original

#BF18B1

Protanopia

#77758C

Deuteranopia

#808D83

Tritanopia

#B76F68

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F7
200
#F7C0F2
300
#F192E9
400
#EA57DE
500
#E31CD2
600
#B517A8
700
#911286
800
#710E69
900
#520F4D
950
#340930

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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