#9C95F2

#9C95F2

Color Values

HEX

#9C95F2

RGB

156, 149, 242

HSL

244.5, 78.2%, 76.7%

HSV

244.5, 38.4%, 94.9%

CMYK

35.5%, 38.4%, 0.0%, 5.1%

OKLCH

0.7138 0.1336 285.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9C95F2

#EBF295

Analogous

#95BDF2

#CB95F2

#9C95F2

Triadic

#9C95F2

#F29C95

#95F29C

Split Complementary

#9C95F2

#F2CB95

#BDF295

Tetradic

#9C95F2

#F295BD

#EBF295

#95F2CB

Color Blindness Simulation

Original

#9C95F2

Protanopia

#9999DC

Deuteranopia

#999AD6

Tritanopia

#9CCAC6

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E3E1F9
200
#C4BFF7
300
#9992F2
400
#6257EA
500
#2B1CE3
600
#2216B6
700
#1B1291
800
#150E72
900
#130E53
950
#0C0934

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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