#B106B0

#B106B0

Color Values

HEX

#B106B0

RGB

177, 6, 176

HSL

300.4, 93.4%, 35.9%

HSV

300.4, 96.6%, 69.4%

CMYK

0.0%, 96.6%, 0.6%, 30.6%

OKLCH

0.5343 0.2426 328.6

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#B106B0

#06B107

Analogous

#5D06B1

#B1065A

#B106B0

Triadic

#B106B0

#B0B106

#06B0B1

Split Complementary

#B106B0

#5AB106

#06B15D

Tetradic

#B106B0

#B15D06

#06B107

#065AB1

Color Blindness Simulation

Original

#B106B0

Protanopia

#676587

Deuteranopia

#717E7D

Tritanopia

#A8665F

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFC
300
#FB89FA
400
#F949F8
500
#F708F5
600
#C507C4
700
#9E059D
800
#7B047A
900
#590859
950
#380538

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026