#B617BC

#B617BC

Color Values

HEX

#B617BC

RGB

182, 23, 188

HSL

297.8, 78.2%, 41.4%

HSV

297.8, 87.8%, 73.7%

CMYK

3.2%, 87.8%, 0.0%, 26.3%

OKLCH

0.5547 0.246 326.5

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B617BC

#1DBC17

Analogous

#6417BC

#BC1770

#B617BC

Triadic

#B617BC

#BCB617

#17BCB6

Split Complementary

#B617BC

#70BC17

#17BC64

Tetradic

#B617BC

#BC6417

#1DBC17

#1770BC

Color Blindness Simulation

Original

#B617BC

Protanopia

#717094

Deuteranopia

#7A868A

Tritanopia

#AE756E

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F5BFF7
300
#EE92F2
400
#E557EA
500
#DC1CE3
600
#B016B6
700
#8D1291
800
#6E0E72
900
#500E53
950
#330934

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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