#B007C5

#B007C5

Color Values

HEX

#B007C5

RGB

176, 7, 197

HSL

293.4, 93.1%, 40.0%

HSV

293.4, 96.4%, 77.3%

CMYK

10.7%, 96.4%, 0.0%, 22.7%

OKLCH

0.5467 0.2564 322.3

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B007C5

#1CC507

Analogous

#5107C5

#C5077B

#B007C5

Triadic

#B007C5

#C5B007

#07C5B0

Split Complementary

#B007C5

#7BC507

#07C551

Tetradic

#B007C5

#C55107

#1CC507

#077BC5

Color Blindness Simulation

Original

#B007C5

Protanopia

#676597

Deuteranopia

#717D8C

Tritanopia

#A8736B

Achromatopsia

#393939

CSS Usage

background-color: #B007C5;
color: #B007C5;
border-color: #B007C5;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF1FD
100
#F8DFFB
200
#F5BAFD
300
#EE89FB
400
#E549F8
500
#DC09F6
600
#B007C5
700
#8D069E
800
#6E047B
900
#500859
950
#330538

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

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