#956EC8

#956EC8

Color Values

HEX

#956EC8

RGB

149, 110, 200

HSL

266.0, 45.0%, 60.8%

HSV

266.0, 45.0%, 78.4%

CMYK

25.5%, 45.0%, 0.0%, 21.6%

OKLCH

0.6147 0.137 302.6

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#956EC8

#A1C86E

Analogous

#6E74C8

#C26EC8

#956EC8

Triadic

#956EC8

#C8956E

#6EC895

Split Complementary

#956EC8

#C8C26E

#74C86E

Tetradic

#956EC8

#C86E74

#A1C86E

#6EC8C2

Color Blindness Simulation

Original

#956EC8

Protanopia

#8484B2

Deuteranopia

#8689AD

Tritanopia

#93A19D

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#ECE6F4
200
#D9CBEB
300
#BEA6DD
400
#9B76CB
500
#7846B9
600
#603894
700
#4D2D76
800
#3C235C
900
#2E1D44
950
#1D122B

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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