#494ADF

#494ADF

Color Values

HEX

#494ADF

RGB

73, 74, 223

HSL

239.6, 70.1%, 58.0%

HSV

239.6, 67.3%, 87.5%

CMYK

67.3%, 66.8%, 0.0%, 12.5%

OKLCH

0.5072 0.2198 274.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#494ADF

#DFDE49

Analogous

#4995DF

#9349DF

#494ADF

Triadic

#494ADF

#DF494A

#4ADF49

Split Complementary

#494ADF

#DF9349

#95DF49

Tetradic

#494ADF

#DF4995

#DFDE49

#49DF93

Color Blindness Simulation

Original

#494ADF

Protanopia

#4949BB

Deuteranopia

#4949B2

Tritanopia

#499E98

Achromatopsia

#555555

CSS Usage

background-color: #494ADF;
color: #494ADF;
border-color: #494ADF;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C2C3F4
300
#9797ED
400
#5F5FE3
500
#2627D9
600
#1E1FAE
700
#18198B
800
#13146C
900
#12124F
950
#0B0C32

Contrast Checker

Text on white

6.31:1

AA Pass AAA Fail

Text on black

3.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026