#B398EB

#B398EB

Color Values

HEX

#B398EB

RGB

179, 152, 235

HSL

259,5, 67,5%, 75,9%

HSV

259,5, 35,3%, 92,2%

CMYK

23,8%, 35,3%, 0,0%, 7,8%

OKLCH

0,7351 0,1205 298,4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B398EB

#D0EB98

Analogous

#98A7EB

#DD98EB

#B398EB

Triadic

#B398EB

#EBB398

#98EBB3

Split Complementary

#B398EB

#EBDD98

#A7EB98

Tetradic

#B398EB

#EB98A7

#D0EB98

#98EBDD

Color Blindness Simulation

Original

#B398EB

Protanopia

#A7A7D7

Deuteranopia

#A9ABD2

Tritanopia

#B2C7C4

Achromatopsia

#A4A4A4

CSS Usage

background-color: #B398EB;
color: #B398EB;
border-color: #B398EB;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F6F3FC
100
#EAE3F7
200
#D3C3F3
300
#B398EB
400
#8A61E0
500
#6129D6
600
#4E21AB
700
#3E1B89
800
#31156B
900
#26134E
950
#180C31

Contrast Checker

Text on white

2,44:1

AA Fail AAA Fail

Text on black

8,61:1

AA Pass AAA Pass

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