#9B97F7

#9B97F7

Color Values

HEX

#9B97F7

RGB

155, 151, 247

HSL

242.5, 85.7%, 78.0%

HSV

242.5, 38.9%, 96.9%

CMYK

37.2%, 38.9%, 0.0%, 3.1%

OKLCH

0.7194 0.1378 284.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9B97F7

#F3F797

Analogous

#97C3F7

#CB97F7

#9B97F7

Triadic

#9B97F7

#F79B97

#97F79B

Split Complementary

#9B97F7

#F7CB97

#C3F797

Tetradic

#9B97F7

#F797C3

#F3F797

#97F7CB

Color Blindness Simulation

Original

#9B97F7

Protanopia

#9999E0

Deuteranopia

#9A9ADA

Tritanopia

#9BCDC9

Achromatopsia

#9F9F9F

CSS Usage

background-color: #9B97F7;
color: #9B97F7;
border-color: #9B97F7;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BFBDFA
300
#928DF6
400
#5750F2
500
#1B12ED
600
#160FBD
700
#110C98
800
#0E0976
900
#0E0B56
950
#090736

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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