#939DF2

#939DF2

Color Values

HEX

#939DF2

RGB

147, 157, 242

HSL

233,7, 78,5%, 76,3%

HSV

233,7, 39,3%, 94,9%

CMYK

39,3%, 35,1%, 0,0%, 5,1%

OKLCH

0,7225 0,1238 277,7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#939DF2

#F2E893

Analogous

#93CDF2

#B993F2

#939DF2

Triadic

#939DF2

#F2939D

#9DF293

Split Complementary

#939DF2

#F2B993

#CDF293

Tetradic

#939DF2

#F293CD

#F2E893

#93F2B9

Color Blindness Simulation

Original

#939DF2

Protanopia

#9797DD

Deuteranopia

#9796D8

Tritanopia

#94CDCA

Achromatopsia

#A1A1A1

CSS Usage

background-color: #939DF2;
color: #939DF2;
border-color: #939DF2;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F3FC
100
#E1E4F9
200
#BFC5F7
300
#929CF2
400
#5766EB
500
#1B30E4
600
#1627B6
700
#121F92
800
#0E1872
900
#0E1553
950
#090E34

Contrast Checker

Text on white

2,52:1

AA Fail AAA Fail

Text on black

8,35: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