#958AFF

#958AFF

Color Values

HEX

#958AFF

RGB

149, 138, 255

HSL

245.6, 100.0%, 77.1%

HSV

245.6, 45.9%, 100.0%

CMYK

41.6%, 45.9%, 0.0%, 0.0%

OKLCH

0.6951 0.1675 285.5

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#958AFF

#F4FF8A

Analogous

#8ABAFF

#D08AFF

#958AFF

Triadic

#958AFF

#FF958A

#8AFF95

Split Complementary

#958AFF

#FFD08A

#BAFF8A

Tetradic

#958AFF

#FF8ABA

#F4FF8A

#8AFFD0

Color Blindness Simulation

Original

#958AFF

Protanopia

#9090E3

Deuteranopia

#9192DC

Tritanopia

#94CCC7

Achromatopsia

#959595

CSS Usage

background-color: #958AFF;
color: #958AFF;
border-color: #958AFF;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#BEB8FF
300
#9085FF
400
#5442FF
500
#1800FF
600
#1300CC
700
#0F00A3
800
#0C0080
900
#0D055C
950
#08033A

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.36:1

AA Pass AAA Pass

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