#959AF0

#959AF0

Color Values

HEX

#959AF0

RGB

149, 154, 240

HSL

236.7, 75.2%, 76.3%

HSV

236.7, 37.9%, 94.1%

CMYK

37.9%, 35.8%, 0.0%, 5.9%

OKLCH

0.7171 0.1247 280.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#959AF0

#F0EB95

Analogous

#95C8F0

#BE95F0

#959AF0

Triadic

#959AF0

#F0959A

#9AF095

Split Complementary

#959AF0

#F0BE95

#C8F095

Tetradic

#959AF0

#F095C8

#F0EB95

#95F0BE

Color Blindness Simulation

Original

#959AF0

Protanopia

#9797DB

Deuteranopia

#9796D6

Tritanopia

#95CBC7

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E3F9
200
#C0C3F6
300
#9499F0
400
#5A62E8
500
#202ADF
600
#1922B3
700
#141B8F
800
#101570
900
#101351
950
#0A0C33

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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