#B293C5

#B293C5

Color Values

HEX

#B293C5

RGB

178, 147, 197

HSL

277.2, 30.1%, 67.5%

HSV

277.2, 25.4%, 77.3%

CMYK

9.6%, 25.4%, 0.0%, 22.7%

OKLCH

0.7086 0.0791 312.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B293C5

#A6C593

Analogous

#9993C5

#C593BF

#B293C5

Triadic

#B293C5

#C5B293

#93C5B2

Split Complementary

#B293C5

#BFC593

#93C599

Tetradic

#B293C5

#C59993

#A6C593

#93BFC5

Color Blindness Simulation

Original

#B293C5

Protanopia

#A5A4B9

Deuteranopia

#A6A9B6

Tritanopia

#B0AFAD

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DED1E6
300
#C6AFD4
400
#A784BD
500
#8959A6
600
#6D4785
700
#57396A
800
#442D53
900
#34233E
950
#211627

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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