#B18DF7

#B18DF7

Color Values

HEX

#B18DF7

RGB

177, 141, 247

HSL

260.4, 86.9%, 76.1%

HSV

260.4, 42.9%, 96.9%

CMYK

28.3%, 42.9%, 0.0%, 3.1%

OKLCH

0.7197 0.1533 298.1

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B18DF7

#D3F78D

Analogous

#8D9EF7

#E68DF7

#B18DF7

Triadic

#B18DF7

#F7B18D

#8DF7B1

Split Complementary

#B18DF7

#F7E68D

#9EF78D

Tetradic

#B18DF7

#F78D9E

#D3F78D

#8DF7E6

Color Blindness Simulation

Original

#B18DF7

Protanopia

#A1A1DD

Deuteranopia

#A4A6D7

Tritanopia

#AFC9C5

Achromatopsia

#9C9C9C

CSS Usage

background-color: #B18DF7;
color: #B18DF7;
border-color: #B18DF7;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F2FD
100
#E9E0FA
200
#D1BCFA
300
#B18DF7
400
#864FF3
500
#5C11EE
600
#4A0DBF
700
#3B0B99
800
#2E0877
900
#240B56
950
#170737

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

8.02:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026