#494E97

#494E97

Color Values

HEX

#494E97

RGB

73, 78, 151

HSL

236.2, 34.8%, 43.9%

HSV

236.2, 51.7%, 59.2%

CMYK

51.7%, 48.3%, 0.0%, 40.8%

OKLCH

0.4572 0.1172 277.7

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#494E97

#979249

Analogous

#497597

#6B4997

#494E97

Triadic

#494E97

#97494E

#4E9749

Split Complementary

#494E97

#976B49

#759749

Tetradic

#494E97

#974975

#979249

#49976B

Color Blindness Simulation

Original

#494E97

Protanopia

#4B4B85

Deuteranopia

#4B4A81

Tritanopia

#497774

Achromatopsia

#525252

CSS Usage

background-color: #494E97;
color: #494E97;
border-color: #494E97;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E9F2
200
#CFD0E8
300
#ADAFD7
400
#8084C1
500
#5359AC
600
#434789
700
#35396E
800
#2A2C56
900
#212340
950
#151628

Contrast Checker

Text on white

7.45:1

AA Pass AAA Pass

Text on black

2.82:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026