#B067EC

#B067EC

Color Values

HEX

#B067EC

RGB

176, 103, 236

HSL

272.9, 77.8%, 66.5%

HSV

272.9, 56.4%, 92.5%

CMYK

25.4%, 56.4%, 0.0%, 7.5%

OKLCH

0.6523 0.1981 307.1

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B067EC

#A3EC67

Analogous

#6E67EC

#EC67E6

#B067EC

Triadic

#B067EC

#ECB067

#67ECB0

Split Complementary

#B067EC

#E6EC67

#67EC6E

Tetradic

#B067EC

#EC6E67

#A3EC67

#67E6EC

Color Blindness Simulation

Original

#B067EC

Protanopia

#9090CC

Deuteranopia

#959AC4

Tritanopia

#ACB2AD

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DEC0F7
300
#C692F1
400
#A857EA
500
#891CE3
600
#6E17B5
700
#581291
800
#450E71
900
#340F52
950
#210934

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.0: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