#B167EC

#B167EC

Color Values

HEX

#B167EC

RGB

177, 103, 236

HSL

273.4, 77.8%, 66.5%

HSV

273.4, 56.4%, 92.5%

CMYK

25.0%, 56.4%, 0.0%, 7.5%

OKLCH

0.6534 0.1984 307.5

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B167EC

#A2EC67

Analogous

#6F67EC

#EC67E5

#B167EC

Triadic

#B167EC

#ECB167

#67ECB1

Split Complementary

#B167EC

#E5EC67

#67EC6F

Tetradic

#B167EC

#EC6F67

#A2EC67

#67E5EC

Color Blindness Simulation

Original

#B167EC

Protanopia

#9190CC

Deuteranopia

#959BC4

Tritanopia

#ADB2AD

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DEC0F7
300
#C792F1
400
#A957EA
500
#8B1CE3
600
#6F17B5
700
#591291
800
#450E71
900
#340F52
950
#210934

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

6.02:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026