#969DDC

#969DDC

Color Values

HEX

#969DDC

RGB

150, 157, 220

HSL

234.0, 50.0%, 72.5%

HSV

234.0, 31.8%, 86.3%

CMYK

31.8%, 28.6%, 0.0%, 13.7%

OKLCH

0.7142 0.0921 278.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#969DDC

#DCD596

Analogous

#96C0DC

#B296DC

#969DDC

Triadic

#969DDC

#DC969D

#9DDC96

Split Complementary

#969DDC

#DCB296

#C0DC96

Tetradic

#969DDC

#DC96C0

#DCD596

#96DCB2

Color Blindness Simulation

Original

#969DDC

Protanopia

#9999CD

Deuteranopia

#9998C9

Tritanopia

#96C1BE

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#C9CDED
300
#A3A9E0
400
#717BD0
500
#404DBF
600
#333D99
700
#29317A
800
#202660
900
#1B1F46
950
#11142C

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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