#4646BF

#4646BF

Color Values

HEX

#4646BF

RGB

70, 70, 191

HSL

240.0, 48.6%, 51.2%

HSV

240.0, 63.4%, 74.9%

CMYK

63.4%, 63.4%, 0.0%, 25.1%

OKLCH

0.4706 0.1845 276.6

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#4646BF

#BFBF46

Analogous

#4683BF

#8346BF

#4646BF

Triadic

#4646BF

#BF4646

#46BF46

Split Complementary

#4646BF

#BF8346

#83BF46

Tetradic

#4646BF

#BF4683

#BFBF46

#46BF83

Color Blindness Simulation

Original

#4646BF

Protanopia

#4646A2

Deuteranopia

#46469B

Tritanopia

#468B86

Achromatopsia

#4F4F4F

CSS Usage

background-color: #4646BF;
color: #4646BF;
border-color: #4646BF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CACAED
300
#A4A4E0
400
#7373CF
500
#4242BD
600
#343498
700
#2A2A79
800
#21215F
900
#1B1B46
950
#11112C

Contrast Checker

Text on white

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