#4644BB

#4644BB

Color Values

HEX

#4644BB

RGB

70, 68, 187

HSL

241.0, 46.7%, 50.0%

HSV

241.0, 63.6%, 73.3%

CMYK

62.6%, 63.6%, 0.0%, 26.7%

OKLCH

0.4638 0.1817 277.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#4644BB

#B9BB44

Analogous

#447EBB

#8144BB

#4644BB

Triadic

#4644BB

#BB4644

#44BB46

Split Complementary

#4644BB

#BB8144

#7EBB44

Tetradic

#4644BB

#BB447E

#B9BB44

#44BB81

Color Blindness Simulation

Original

#4644BB

Protanopia

#45459E

Deuteranopia

#454597

Tritanopia

#468782

Achromatopsia

#4D4D4D

CSS Usage

background-color: #4644BB;
color: #4644BB;
border-color: #4644BB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FA
100
#E6E6F4
200
#CBCBEC
300
#A6A5DE
400
#7675CD
500
#4644BB
600
#383696
700
#2D2B78
800
#23225E
900
#1D1C45
950
#12122B

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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