#494FDC

#494FDC

Color Values

HEX

#494FDC

RGB

73, 79, 220

HSL

237.6, 67.7%, 57.5%

HSV

237.6, 66.8%, 86.3%

CMYK

66.8%, 64.1%, 0.0%, 13.7%

OKLCH

0.5127 0.2105 274.3

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#494FDC

#DCD649

Analogous

#4998DC

#8D49DC

#494FDC

Triadic

#494FDC

#DC494F

#4FDC49

Split Complementary

#494FDC

#DC8D49

#98DC49

Tetradic

#494FDC

#DC4998

#DCD649

#49DC8D

Color Blindness Simulation

Original

#494FDC

Protanopia

#4C4CBA

Deuteranopia

#4B4BB2

Tritanopia

#499F99

Achromatopsia

#585858

CSS Usage

background-color: #494FDC;
color: #494FDC;
border-color: #494FDC;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F3FC
100
#E3E4F7
200
#C3C5F3
300
#989CEB
400
#6166E1
500
#2930D6
600
#2126AB
700
#1A1F89
800
#15186B
900
#13154E
950
#0C0D31

Contrast Checker

Text on white

6.11:1

AA Pass AAA Fail

Text on black

3.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026