#969CEE

#969CEE

Color Values

HEX

#969CEE

RGB

150, 156, 238

HSL

235.9, 72.1%, 76.1%

HSV

235.9, 37.0%, 93.3%

CMYK

37.0%, 34.5%, 0.0%, 6.7%

OKLCH

0.7207 0.119 279.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#969CEE

#EEE896

Analogous

#96C8EE

#BC96EE

#969CEE

Triadic

#969CEE

#EE969C

#9CEE96

Split Complementary

#969CEE

#EEBC96

#C8EE96

Tetradic

#969CEE

#EE96C8

#EEE896

#96EEBC

Color Blindness Simulation

Original

#969CEE

Protanopia

#9999DA

Deuteranopia

#9898D5

Tritanopia

#96CAC7

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E4F8
200
#C2C5F5
300
#969CEE
400
#5D66E5
500
#2430DB
600
#1C27B0
700
#171F8C
800
#12186E
900
#111550
950
#0B0D32

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.29:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026