#938DF3

#938DF3

Color Values

HEX

#938DF3

RGB

147, 141, 243

HSL

243,5, 81,0%, 75,3%

HSV

243,5, 42,0%, 95,3%

CMYK

39,5%, 42,0%, 0,0%, 4,7%

OKLCH

0,6923 0,1472 284,5

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#938DF3

#EDF38D

Analogous

#8DBAF3

#C68DF3

#938DF3

Triadic

#938DF3

#F3938D

#8DF393

Split Complementary

#938DF3

#F3C68D

#BAF38D

Tetradic

#938DF3

#F38DBA

#EDF38D

#8DF3C6

Color Blindness Simulation

Original

#938DF3

Protanopia

#9090DA

Deuteranopia

#9191D4

Tritanopia

#93C7C3

Achromatopsia

#969696

CSS Usage

background-color: #938DF3;
color: #938DF3;
border-color: #938DF3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F2FD
100
#E2E1F9
200
#C2BEF8
300
#9690F3
400
#5D54ED
500
#2418E7
600
#1D13B9
700
#171094
800
#120C73
900
#110D54
950
#0B0835

Contrast Checker

Text on white

2,86:1

AA Fail AAA Fail

Text on black

7,34: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