#9D94DC

#9D94DC

Color Values

HEX

#9D94DC

RGB

157, 148, 220

HSL

247.5, 50.7%, 72.2%

HSV

247.5, 32.7%, 86.3%

CMYK

28.6%, 32.7%, 0.0%, 13.7%

OKLCH

0.702 0.1044 289.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9D94DC

#D3DC94

Analogous

#94AFDC

#C194DC

#9D94DC

Triadic

#9D94DC

#DC9D94

#94DC9D

Split Complementary

#9D94DC

#DCC194

#AFDC94

Tetradic

#9D94DC

#DC94AF

#D3DC94

#94DCC1

Color Blindness Simulation

Original

#9D94DC

Protanopia

#9999CB

Deuteranopia

#9A9AC6

Tritanopia

#9DBDBA

Achromatopsia

#9B9B9B

CSS Usage

background-color: #9D94DC;
color: #9D94DC;
border-color: #9D94DC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CEC9ED
300
#ABA3E1
400
#7D71D0
500
#4F3FC0
600
#3F329A
700
#33287B
800
#281F60
900
#201A47
950
#14112D

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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