#4E4998

#4E4998

Color Values

HEX

#4E4998

RGB

78, 73, 152

HSL

243.8, 35.1%, 44.1%

HSV

243.8, 52.0%, 59.6%

CMYK

48.7%, 52.0%, 0.0%, 40.4%

OKLCH

0.4518 0.1251 283.0

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#4E4998

#939849

Analogous

#496B98

#754998

#4E4998

Triadic

#4E4998

#984E49

#49984E

Split Complementary

#4E4998

#987549

#6B9849

Tetradic

#4E4998

#98496B

#939849

#499875

Color Blindness Simulation

Original

#4E4998

Protanopia

#4C4C85

Deuteranopia

#4C4C80

Tritanopia

#4E7672

Achromatopsia

#505050

CSS Usage

background-color: #4E4998;
color: #4E4998;
border-color: #4E4998;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#D0CFE8
300
#AFACD7
400
#8480C2
500
#5853AC
600
#47428A
700
#39356E
800
#2C2956
900
#232140
950
#161528

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

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