#B518BA

#B518BA

Color Values

HEX

#B518BA

RGB

181, 24, 186

HSL

298.1, 77.1%, 41.2%

HSV

298.1, 87.1%, 72.9%

CMYK

2.7%, 87.1%, 0.0%, 27.1%

OKLCH

0.5523 0.2437 326.8

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B518BA

#1DBA18

Analogous

#6418BA

#BA186E

#B518BA

Triadic

#B518BA

#BAB518

#18BAB5

Split Complementary

#B518BA

#6EBA18

#18BA64

Tetradic

#B518BA

#BA6418

#1DBA18

#186EBA

Color Blindness Simulation

Original

#B518BA

Protanopia

#717093

Deuteranopia

#7A8689

Tritanopia

#AD746D

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F5C0F7
300
#EE93F1
400
#E558E9
500
#DC1DE2
600
#B017B5
700
#8D1391
800
#6E0F71
900
#500F52
950
#320934

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026