#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026