#959CF4

#959CF4

Color Values

HEX

#959CF4

RGB

149, 156, 244

HSL

235.6, 81.2%, 77.1%

HSV

235.6, 38.9%, 95.7%

CMYK

38.9%, 36.1%, 0.0%, 4.3%

OKLCH

0.7229 0.1275 279.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#959CF4

#F4ED95

Analogous

#95CCF4

#BE95F4

#959CF4

Triadic

#959CF4

#F4959C

#9CF495

Split Complementary

#959CF4

#F4BE95

#CCF495

Tetradic

#959CF4

#F495CC

#F4ED95

#95F4BE

Color Blindness Simulation

Original

#959CF4

Protanopia

#9898DF

Deuteranopia

#9897DA

Tritanopia

#95CECA

Achromatopsia

#A1A1A1

CSS Usage

background-color: #959CF4;
color: #959CF4;
border-color: #959CF4;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F3FD
100
#E1E3F9
200
#BEC3F8
300
#9097F3
400
#545FED
500
#1827E7
600
#131FB9
700
#0F1994
800
#0C1474
900
#0D1254
950
#080C35

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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