#957ABD

#957ABD

Color Values

HEX

#957ABD

RGB

149, 122, 189

HSL

264.2, 33.7%, 61.0%

HSV

264.2, 35.4%, 74.1%

CMYK

21.2%, 35.4%, 0.0%, 25.9%

OKLCH

0.6308 0.1024 302.1

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#957ABD

#A2BD7A

Analogous

#7A81BD

#B77ABD

#957ABD

Triadic

#957ABD

#BD957A

#7ABD95

Split Complementary

#957ABD

#BDB77A

#81BD7A

Tetradic

#957ABD

#BD7A81

#A2BD7A

#7ABDB7

Color Blindness Simulation

Original

#957ABD

Protanopia

#8989AD

Deuteranopia

#8B8DA9

Tritanopia

#94A09D

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE8F2
200
#D9CFE7
300
#BEADD6
400
#9B81C0
500
#7755AA
600
#5F4488
700
#4C366D
800
#3C2A55
900
#2E223F
950
#1D1528

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.8:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026