#4D46B9

#4D46B9

Color Values

HEX

#4D46B9

RGB

77, 70, 185

HSL

243.7, 45.1%, 50.0%

HSV

243.7, 62.2%, 72.5%

CMYK

58.4%, 62.2%, 0.0%, 27.5%

OKLCH

0.4706 0.1751 280.0

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#4D46B9

#B2B946

Analogous

#4678B9

#8746B9

#4D46B9

Triadic

#4D46B9

#B94D46

#46B94D

Split Complementary

#4D46B9

#B98746

#78B946

Tetradic

#4D46B9

#B94678

#B2B946

#46B987

Color Blindness Simulation

Original

#4D46B9

Protanopia

#4A4A9D

Deuteranopia

#4A4B96

Tritanopia

#4D8782

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CDCBEB
300
#AAA6DD
400
#7B76CB
500
#4D46B9
600
#3E3894
700
#312D76
800
#27235D
900
#1F1D44
950
#14122B

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

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