#959AEF

#959AEF

Color Values

HEX

#959AEF

RGB

149, 154, 239

HSL

236.7, 73.8%, 76.1%

HSV

236.7, 37.7%, 93.7%

CMYK

37.7%, 35.6%, 0.0%, 6.3%

OKLCH

0.7166 0.1233 280.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#959AEF

#EFEA95

Analogous

#95C7EF

#BD95EF

#959AEF

Triadic

#959AEF

#EF959A

#9AEF95

Split Complementary

#959AEF

#EFBD95

#C7EF95

Tetradic

#959AEF

#EF95C7

#EFEA95

#95EFBD

Color Blindness Simulation

Original

#959AEF

Protanopia

#9797DA

Deuteranopia

#9796D5

Tritanopia

#95CAC7

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C1C4F6
300
#959AEF
400
#5B63E6
500
#212CDE
600
#1B23B1
700
#151C8E
800
#11166F
900
#101451
950
#0A0D33

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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