#B17DF2

#B17DF2

Color Values

HEX

#B17DF2

RGB

177, 125, 242

HSL

266.7, 81.8%, 72.0%

HSV

266.7, 48.3%, 94.9%

CMYK

26.9%, 48.3%, 0.0%, 5.1%

OKLCH

0.6903 0.1719 302.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B17DF2

#BEF27D

Analogous

#7D84F2

#EC7DF2

#B17DF2

Triadic

#B17DF2

#F2B17D

#7DF2B1

Split Complementary

#B17DF2

#F2EC7D

#84F27D

Tetradic

#B17DF2

#F27D84

#BEF27D

#7DF2EC

Color Blindness Simulation

Original

#B17DF2

Protanopia

#9A9AD6

Deuteranopia

#9EA1CF

Tritanopia

#AEBFBA

Achromatopsia

#919191

CSS Usage

background-color: #B17DF2;
color: #B17DF2;
border-color: #B17DF2;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F2FD
100
#ECE1FA
200
#D8BEF9
300
#BC90F4
400
#9853EE
500
#7417E8
600
#5D13B9
700
#4A0F94
800
#3A0C74
900
#2D0D54
950
#1C0835

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.09:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026