#B68FD9

#B68FD9

Color Values

HEX

#B68FD9

RGB

182, 143, 217

HSL

271.6, 49.3%, 70.6%

HSV

271.6, 34.1%, 85.1%

CMYK

16.1%, 34.1%, 0.0%, 14.9%

OKLCH

0.7134 0.1128 307.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B68FD9

#B2D98F

Analogous

#918FD9

#D98FD7

#B68FD9

Triadic

#B68FD9

#D9B68F

#8FD9B6

Split Complementary

#B68FD9

#D7D98F

#8FD991

Tetradic

#B68FD9

#D9918F

#B2D98F

#8FD7D9

Color Blindness Simulation

Original

#B68FD9

Protanopia

#A5A5C7

Deuteranopia

#A7AAC3

Tritanopia

#B4B9B6

Achromatopsia

#9D9D9D

CSS Usage

background-color: #B68FD9;
color: #B68FD9;
border-color: #B68FD9;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F4FB
100
#EEE6F5
200
#DCCAED
300
#C3A4E0
400
#A372CF
500
#8341BE
600
#693498
700
#54297A
800
#41205F
900
#321B46
950
#1F112C

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.92:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026