#494DEF

#494DEF

Color Values

HEX

#494DEF

RGB

73, 77, 239

HSL

238.6, 83.8%, 61.2%

HSV

238.6, 69.5%, 93.7%

CMYK

69.5%, 67.8%, 0.0%, 6.3%

OKLCH

0.5264 0.2362 273.7

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#494DEF

#EFEB49

Analogous

#49A0EF

#9849EF

#494DEF

Triadic

#494DEF

#EF494D

#4DEF49

Split Complementary

#494DEF

#EF9849

#A0EF49

Tetradic

#494DEF

#EF49A0

#EFEB49

#49EF98

Color Blindness Simulation

Original

#494DEF

Protanopia

#4B4BC8

Deuteranopia

#4A4ABE

Tritanopia

#49A9A2

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDBFF9
300
#8F91F5
400
#5255F0
500
#151AEA
600
#1115BB
700
#0D1096
800
#0A0D75
900
#0C0E55
950
#080936

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

3.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026