#969FF9

#969FF9

Color Values

HEX

#969FF9

RGB

150, 159, 249

HSL

234.5, 89.2%, 78.2%

HSV

234.5, 39.8%, 97.6%

CMYK

39.8%, 36.1%, 0.0%, 2.4%

OKLCH

0.732 0.1303 278.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#969FF9

#F9F096

Analogous

#96D1F9

#BE96F9

#969FF9

Triadic

#969FF9

#F9969F

#9FF996

Split Complementary

#969FF9

#F9BE96

#D1F996

Tetradic

#969FF9

#F996D1

#F9F096

#96F9BE

Color Blindness Simulation

Original

#969FF9

Protanopia

#9A9AE3

Deuteranopia

#9999DE

Tritanopia

#96D2CE

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E2FB
200
#BBC1FB
300
#8B95F8
400
#4C5CF5
500
#0E23F1
600
#0B1CC1
700
#09169A
800
#071179
900
#0A1157
950
#060B37

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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