#957EC4

#957EC4

Color Values

HEX

#957EC4

RGB

149, 126, 196

HSL

259.7, 37.2%, 63.1%

HSV

259.7, 35.7%, 76.9%

CMYK

24.0%, 35.7%, 0.0%, 23.1%

OKLCH

0.6417 0.1052 298.5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#957EC4

#ADC47E

Analogous

#7E8AC4

#B87EC4

#957EC4

Triadic

#957EC4

#C4957E

#7EC495

Split Complementary

#957EC4

#C4B87E

#8AC47E

Tetradic

#957EC4

#C47E8A

#ADC47E

#7EC4B8

Color Blindness Simulation

Original

#957EC4

Protanopia

#8B8BB3

Deuteranopia

#8C8EAF

Tritanopia

#94A6A3

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EBE8F3
200
#D7CEE9
300
#BAABD9
400
#957EC4
500
#6F50AF
600
#59408C
700
#473370
800
#382857
900
#2B2041
950
#1B1429

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.06:1

AA Pass AAA Fail

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