#B067FA

#B067FA

Color Values

HEX

#B067FA

RGB

176, 103, 250

HSL

269.8, 93.6%, 69.2%

HSV

269.8, 58.8%, 98.0%

CMYK

29.6%, 58.8%, 0.0%, 2.0%

OKLCH

0.6609 0.2136 304.0

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B067FA

#B1FA67

Analogous

#6767FA

#F967FA

#B067FA

Triadic

#B067FA

#FAB067

#67FAB0

Split Complementary

#B067FA

#FAF967

#67FA67

Tetradic

#B067FA

#FA6767

#B1FA67

#67FAF9

Color Blindness Simulation

Original

#B067FA

Protanopia

#9090D6

Deuteranopia

#959ACE

Tritanopia

#ACBAB4

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DBBAFD
300
#C189FB
400
#A048F9
500
#7F08F7
600
#6507C5
700
#51059E
800
#3F047B
900
#300859
950
#1E0538

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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