#B108C4

#B108C4

Color Values

HEX

#B108C4

RGB

177, 8, 196

HSL

293.9, 92.2%, 40.0%

HSV

293.9, 95.9%, 76.9%

CMYK

9.7%, 95.9%, 0.0%, 23.1%

OKLCH

0.5478 0.2557 322.9

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B108C4

#1BC408

Analogous

#5308C4

#C40879

#B108C4

Triadic

#B108C4

#C4B108

#08C4B1

Split Complementary

#B108C4

#79C408

#08C453

Tetradic

#B108C4

#C45308

#1BC408

#0879C4

Color Blindness Simulation

Original

#B108C4

Protanopia

#686697

Deuteranopia

#727E8C

Tritanopia

#A9736B

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F8DFFB
200
#F6BAFC
300
#EF89FA
400
#E64AF8
500
#DD0AF5
600
#B108C4
700
#8E069D
800
#6F057B
900
#500859
950
#330538

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.7:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026