#8957F2

#8957F2

Color Values

HEX

#8957F2

RGB

137, 87, 242

HSL

259.4, 85.6%, 64.5%

HSV

259.4, 64.0%, 94.9%

CMYK

43.4%, 64.0%, 0.0%, 5.1%

OKLCH

0.5937 0.2205 293.4

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#8957F2

#C0F257

Analogous

#5772F2

#D757F2

#8957F2

Triadic

#8957F2

#F28957

#57F289

Split Complementary

#8957F2

#F2D757

#72F257

Tetradic

#8957F2

#F25772

#C0F257

#57F2D7

Color Blindness Simulation

Original

#8957F2

Protanopia

#7373CD

Deuteranopia

#767AC3

Tritanopia

#86AFA8

Achromatopsia

#6D6D6D

CSS Usage

background-color: #8957F2;
color: #8957F2;
border-color: #8957F2;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F5F2FD
100
#E9E0FA
200
#D1BDFA
300
#AF8DF6
400
#8450F1
500
#5912ED
600
#470FBD
700
#390C97
800
#2C0976
900
#230B56
950
#160736

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

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