#B67AE7

#B67AE7

Color Values

HEX

#B67AE7

RGB

182, 122, 231

HSL

273.0, 69.4%, 69.2%

HSV

273.0, 47.2%, 90.6%

CMYK

21.2%, 47.2%, 0.0%, 9.4%

OKLCH

0.6846 0.1649 308.0

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B67AE7

#ABE77A

Analogous

#7F7AE7

#E77AE2

#B67AE7

Triadic

#B67AE7

#E7B67A

#7AE7B6

Split Complementary

#B67AE7

#E2E77A

#7AE77F

Tetradic

#B67AE7

#E77F7A

#ABE77A

#7AE2E7

Color Blindness Simulation

Original

#B67AE7

Protanopia

#9C9BCD

Deuteranopia

#A0A4C6

Tritanopia

#B3B8B3

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DEC3F4
300
#C697EC
400
#A75FE2
500
#8827D8
600
#6D1FAD
700
#57198A
800
#44146C
900
#33124F
950
#210B32

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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