#4E50BC

#4E50BC

Color Values

HEX

#4E50BC

RGB

78, 80, 188

HSL

238.9, 45.1%, 52.2%

HSV

238.9, 58.5%, 73.7%

CMYK

58.5%, 57.4%, 0.0%, 26.3%

OKLCH

0.4915 0.1661 277.6

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#4E50BC

#BCBA4E

Analogous

#4E87BC

#834EBC

#4E50BC

Triadic

#4E50BC

#BC4E50

#50BC4E

Split Complementary

#4E50BC

#BC834E

#87BC4E

Tetradic

#4E50BC

#BC4E87

#BCBA4E

#4EBC83

Color Blindness Simulation

Original

#4E50BC

Protanopia

#4F4FA2

Deuteranopia

#4F4F9C

Tritanopia

#4E8D89

Achromatopsia

#575757

CSS Usage

background-color: #4E50BC;
color: #4E50BC;
border-color: #4E50BC;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCCEB
300
#A6A7DD
400
#7678CB
500
#4648B9
600
#383A94
700
#2D2E76
800
#23245D
900
#1D1E44
950
#12132B

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

3.2:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026