#957DF4

#957DF4

Color Values

HEX

#957DF4

RGB

149, 125, 244

HSL

252.1, 84.4%, 72.4%

HSV

252.1, 48.8%, 95.7%

CMYK

38.9%, 48.8%, 0.0%, 4.3%

OKLCH

0.6658 0.1714 290.2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#957DF4

#DCF47D

Analogous

#7DA1F4

#D17DF4

#957DF4

Triadic

#957DF4

#F4957D

#7DF495

Split Complementary

#957DF4

#F4D17D

#A1F47D

Tetradic

#957DF4

#F47DA1

#DCF47D

#7DF4D1

Color Blindness Simulation

Original

#957DF4

Protanopia

#8B8AD7

Deuteranopia

#8C8ED0

Tritanopia

#94C0BB

Achromatopsia

#8B8B8B

CSS Usage

background-color: #957DF4;
color: #957DF4;
border-color: #957DF4;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F4F2FD
100
#E6E0FA
200
#C9BDF9
300
#A38EF5
400
#7151F0
500
#3F14EB
600
#3310BC
700
#290D96
800
#200A76
900
#1A0C55
950
#110736

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026