#938DFA

#938DFA

Color Values

HEX

#938DFA

RGB

147, 141, 250

HSL

243.3, 91.6%, 76.7%

HSV

243.3, 43.6%, 98.0%

CMYK

41.2%, 43.6%, 0.0%, 2.0%

OKLCH

0.6962 0.1567 284.0

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#938DFA

#F4FA8D

Analogous

#8DBEFA

#CA8DFA

#938DFA

Triadic

#938DFA

#FA938D

#8DFA93

Split Complementary

#938DFA

#FACA8D

#BEFA8D

Tetradic

#938DFA

#FA8DBE

#F4FA8D

#8DFACA

Color Blindness Simulation

Original

#938DFA

Protanopia

#9090E0

Deuteranopia

#9191D9

Tritanopia

#93CBC6

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E1DFFB
200
#BEBBFC
300
#908AFA
400
#544AF7
500
#180BF4
600
#1309C3
700
#0F079C
800
#0C057A
900
#0D0958
950
#080538

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

7.43:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026