#969DFD

#969DFD

Color Values

HEX

#969DFD

RGB

150, 157, 253

HSL

235,9, 96,3%, 79,0%

HSV

235,9, 40,7%, 99,2%

CMYK

40,7%, 37,9%, 0,0%, 0,8%

OKLCH

0,7302 0,1385 279,2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#969DFD

#FDF696

Analogous

#96D0FD

#C296FD

#969DFD

Triadic

#969DFD

#FD969D

#9DFD96

Split Complementary

#969DFD

#FDC296

#D0FD96

Tetradic

#969DFD

#FD96D0

#FDF696

#96FDC2

Color Blindness Simulation

Original

#969DFD

Protanopia

#9999E6

Deuteranopia

#9998E0

Tritanopia

#96D3CF

Achromatopsia

#A2A2A2

CSS Usage

background-color: #969DFD;
color: #969DFD;
border-color: #969DFD;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F2FE
100
#DFE1FC
200
#B9BEFE
300
#878FFD
400
#4652FC
500
#0515FA
600
#0411C8
700
#030EA0
800
#020B7D
900
#060C5A
950
#040839

Contrast Checker

Text on white

2,46:1

AA Fail AAA Fail

Text on black

8,54: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