#956EB1

#956EB1

Color Values

HEX

#956EB1

RGB

149, 110, 177

HSL

274.9, 30.0%, 56.3%

HSV

274.9, 37.9%, 69.4%

CMYK

15.8%, 37.9%, 0.0%, 30.6%

OKLCH

0.603 0.1076 310.2

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#956EB1

#8AB16E

Analogous

#746EB1

#B16EAC

#956EB1

Triadic

#956EB1

#B1956E

#6EB195

Split Complementary

#956EB1

#ACB16E

#6EB174

Tetradic

#956EB1

#B1746E

#8AB16E

#6EACB1

Color Blindness Simulation

Original

#956EB1

Protanopia

#8484A1

Deuteranopia

#86899D

Tritanopia

#939491

Achromatopsia

#7B7B7B

CSS Usage

background-color: #956EB1;
color: #956EB1;
border-color: #956EB1;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DDD1E6
300
#C5AFD4
400
#A584BD
500
#8659A6
600
#6B4785
700
#56396A
800
#432D53
900
#33233E
950
#201627

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

5.14:1

AA Pass AAA Fail

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