#959AF6

#959AF6

Color Values

HEX

#959AF6

RGB

149, 154, 246

HSL

236.9, 84.3%, 77.5%

HSV

236.9, 39.4%, 96.5%

CMYK

39.4%, 37.4%, 0.0%, 3.5%

OKLCH

0.7201 0.133 280.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#959AF6

#F6F195

Analogous

#95CBF6

#C195F6

#959AF6

Triadic

#959AF6

#F6959A

#9AF695

Split Complementary

#959AF6

#F6C195

#CBF695

Tetradic

#959AF6

#F695CB

#F6F195

#95F6C1

Color Blindness Simulation

Original

#959AF6

Protanopia

#9797E0

Deuteranopia

#9796DA

Tritanopia

#95CECA

Achromatopsia

#A0A0A0

CSS Usage

background-color: #959AF6;
color: #959AF6;
border-color: #959AF6;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E0E2FA
200
#BDC0F9
300
#8E94F5
400
#5159F0
500
#141FEB
600
#1019BC
700
#0D1496
800
#0A1075
900
#0C0F55
950
#070A36

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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