#B798EB

#B798EB

Color Values

HEX

#B798EB

RGB

183, 152, 235

HSL

262.4, 67.5%, 75.9%

HSV

262.4, 35.3%, 92.2%

CMYK

22.1%, 35.3%, 0.0%, 7.8%

OKLCH

0.7387 0.1212 300.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B798EB

#CCEB98

Analogous

#98A3EB

#E198EB

#B798EB

Triadic

#B798EB

#EBB798

#98EBB7

Split Complementary

#B798EB

#EBE198

#A3EB98

Tetradic

#B798EB

#EB98A3

#CCEB98

#98EBE1

Color Blindness Simulation

Original

#B798EB

Protanopia

#AAA9D7

Deuteranopia

#ABAED2

Tritanopia

#B5C7C4

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#EBE3F7
200
#D5C3F3
300
#B798EB
400
#9161E0
500
#6A29D6
600
#5521AB
700
#441B89
800
#35156B
900
#29134E
950
#1A0C31

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.7:1

AA Pass AAA Pass

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