#8267BC

#8267BC

Color Values

HEX

#8267BC

RGB

130, 103, 188

HSL

259.1, 38.8%, 57.1%

HSV

259.1, 45.2%, 73.7%

CMYK

30.9%, 45.2%, 0.0%, 26.3%

OKLCH

0.5773 0.1291 296.8

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#8267BC

#A1BC67

Analogous

#6777BC

#AD67BC

#8267BC

Triadic

#8267BC

#BC8267

#67BC82

Split Complementary

#8267BC

#BCAD67

#77BC67

Tetradic

#8267BC

#BC6777

#A1BC67

#67BCAD

Color Blindness Simulation

Original

#8267BC

Protanopia

#7676A7

Deuteranopia

#787AA2

Tritanopia

#819794

Achromatopsia

#737373

CSS Usage

background-color: #8267BC;
color: #8267BC;
border-color: #8267BC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F5FA
100
#EBE7F3
200
#D6CDE9
300
#B9AADA
400
#937CC5
500
#6E4EB1
600
#583E8E
700
#463271
800
#372758
900
#2A2041
950
#1B1429

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026