#B174E2

#B174E2

Color Values

HEX

#B174E2

RGB

177, 116, 226

HSL

273.3, 65.5%, 67.1%

HSV

273.3, 48.7%, 88.6%

CMYK

21.7%, 48.7%, 0.0%, 11.4%

OKLCH

0.6672 0.167 308.1

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B174E2

#A5E274

Analogous

#7A74E2

#E274DC

#B174E2

Triadic

#B174E2

#E2B174

#74E2B1

Split Complementary

#B174E2

#DCE274

#74E27A

Tetradic

#B174E2

#E27A74

#A5E274

#74DCE2

Color Blindness Simulation

Original

#B174E2

Protanopia

#9796C7

Deuteranopia

#9A9FC1

Tritanopia

#AEB2AE

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F3
300
#C69AEA
400
#A763DE
500
#892CD3
600
#6D23A9
700
#571C87
800
#44166A
900
#34144D
950
#210D31

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.47:1

AA Pass 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