#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026