#958EE3

#958EE3

Color Values

HEX

#958EE3

RGB

149, 142, 227

HSL

244.9, 60.3%, 72.4%

HSV

244.9, 37.4%, 89.0%

CMYK

34.4%, 37.4%, 0.0%, 11.0%

OKLCH

0.6874 0.1234 286.4

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#958EE3

#DCE38E

Analogous

#8EB2E3

#C08EE3

#958EE3

Triadic

#958EE3

#E3958E

#8EE395

Split Complementary

#958EE3

#E3C08E

#B2E38E

Tetradic

#958EE3

#E38EB2

#DCE38E

#8EE3C0

Color Blindness Simulation

Original

#958EE3

Protanopia

#9292CE

Deuteranopia

#9293C9

Tritanopia

#95BEBB

Achromatopsia

#969696

CSS Usage

background-color: #958EE3;
color: #958EE3;
border-color: #958EE3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F3FB
100
#E5E4F6
200
#C9C6F1
300
#A39DE7
400
#7168DA
500
#3F33CC
600
#3328A4
700
#282083
800
#201966
900
#1A164B
950
#110E2F

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

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