#969DDF

#969DDF

Color Values

HEX

#969DDF

RGB

150, 157, 223

HSL

234.2, 53.3%, 73.1%

HSV

234.2, 32.7%, 87.5%

CMYK

32.7%, 29.6%, 0.0%, 12.5%

OKLCH

0.7156 0.0964 279.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#969DDF

#DFD896

Analogous

#96C1DF

#B396DF

#969DDF

Triadic

#969DDF

#DF969D

#9DDF96

Split Complementary

#969DDF

#DFB396

#C1DF96

Tetradic

#969DDF

#DF96C1

#DFD896

#96DFB3

Color Blindness Simulation

Original

#969DDF

Protanopia

#9999CF

Deuteranopia

#9998CB

Tritanopia

#96C2C0

Achromatopsia

#A0A0A0

CSS Usage

background-color: #969DDF;
color: #969DDF;
border-color: #969DDF;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C8CCEE
300
#A1A7E2
400
#6E78D3
500
#3C49C3
600
#303A9C
700
#262F7D
800
#1E2462
900
#191E48
950
#10132D

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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