#4D64B2

#4D64B2

Color Values

HEX

#4D64B2

RGB

77, 100, 178

HSL

226.3, 39.6%, 50.0%

HSV

226.3, 56.7%, 69.8%

CMYK

56.7%, 43.8%, 0.0%, 30.2%

OKLCH

0.5235 0.1258 269.3

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#4D64B2

#B29B4D

Analogous

#4D97B2

#684DB2

#4D64B2

Triadic

#4D64B2

#B24D64

#64B24D

Split Complementary

#4D64B2

#B2684D

#97B24D

Tetradic

#4D64B2

#B24D97

#B29B4D

#4DB268

Color Blindness Simulation

Original

#4D64B2

Protanopia

#57579F

Deuteranopia

#56549B

Tritanopia

#4E908D

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CDD4E9
300
#AAB5DA
400
#7B8CC6
500
#4D64B2
600
#3E508E
700
#314072
800
#273259
900
#1F2742
950
#14192A

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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