#959DF0

#959DF0

Color Values

HEX

#959DF0

RGB

149, 157, 240

HSL

234.7, 75.2%, 76.3%

HSV

234.7, 37.9%, 94.1%

CMYK

37.9%, 34.6%, 0.0%, 5.9%

OKLCH

0.7229 0.1206 278.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#959DF0

#F0E895

Analogous

#95CBF0

#BB95F0

#959DF0

Triadic

#959DF0

#F0959D

#9DF095

Split Complementary

#959DF0

#F0BB95

#CBF095

Tetradic

#959DF0

#F095CB

#F0E895

#95F0BB

Color Blindness Simulation

Original

#959DF0

Protanopia

#9899DC

Deuteranopia

#9897D7

Tritanopia

#95CCC9

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E4F9
200
#C0C5F6
300
#949CF0
400
#5A66E8
500
#2031DF
600
#1927B3
700
#141F8F
800
#101870
900
#101551
950
#0A0E33

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026