#B167FA

#B167FA

Color Values

HEX

#B167FA

RGB

177, 103, 250

HSL

270.2, 93.6%, 69.2%

HSV

270.2, 58.8%, 98.0%

CMYK

29.2%, 58.8%, 0.0%, 2.0%

OKLCH

0.662 0.2138 304.4

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B167FA

#B0FA67

Analogous

#6767FA

#FA67F9

#B167FA

Triadic

#B167FA

#FAB167

#67FAB1

Split Complementary

#B167FA

#F9FA67

#67FA67

Tetradic

#B167FA

#FA6767

#B0FA67

#67F9FA

Color Blindness Simulation

Original

#B167FA

Protanopia

#9190D6

Deuteranopia

#959BCE

Tritanopia

#ADBAB4

Achromatopsia

#818181

CSS Usage

background-color: #B167FA;
color: #B167FA;
border-color: #B167FA;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DCBAFD
300
#C289FB
400
#A148F9
500
#8008F7
600
#6707C5
700
#52059E
800
#40047B
900
#310859
950
#1F0538

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.19:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026