#494FC0

#494FC0

Color Values

HEX

#494FC0

RGB

73, 79, 192

HSL

237.0, 48.6%, 52.0%

HSV

237.0, 62.0%, 75.3%

CMYK

62.0%, 58.9%, 0.0%, 24.7%

OKLCH

0.4893 0.1739 275.6

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#494FC0

#C0BA49

Analogous

#498BC0

#7F49C0

#494FC0

Triadic

#494FC0

#C0494F

#4FC049

Split Complementary

#494FC0

#C07F49

#8BC049

Tetradic

#494FC0

#C0498B

#C0BA49

#49C07F

Color Blindness Simulation

Original

#494FC0

Protanopia

#4C4CA5

Deuteranopia

#4B4B9E

Tritanopia

#498F8A

Achromatopsia

#565656

CSS Usage

background-color: #494FC0;
color: #494FC0;
border-color: #494FC0;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACCED
300
#A4A7E0
400
#7377CF
500
#4248BD
600
#343998
700
#2A2E79
800
#21245F
900
#1B1D46
950
#11132C

Contrast Checker

Text on white

6.64:1

AA Pass AAA Fail

Text on black

3.16: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