#4643BC

#4643BC

Color Values

HEX

#4643BC

RGB

70, 67, 188

HSL

241.5, 47.5%, 50.0%

HSV

241.5, 64.4%, 73.7%

CMYK

62.8%, 64.4%, 0.0%, 26.3%

OKLCH

0.4629 0.1842 277.5

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#4643BC

#B9BC43

Analogous

#437CBC

#8343BC

#4643BC

Triadic

#4643BC

#BC4643

#43BC46

Split Complementary

#4643BC

#BC8343

#7CBC43

Tetradic

#4643BC

#BC437C

#B9BC43

#43BC83

Color Blindness Simulation

Original

#4643BC

Protanopia

#45459F

Deuteranopia

#454598

Tritanopia

#468883

Achromatopsia

#4C4C4C

CSS Usage

background-color: #4643BC;
color: #4643BC;
border-color: #4643BC;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FA
100
#E6E6F4
200
#CBCAEC
300
#A6A5DF
400
#7674CD
500
#4643BC
600
#383696
700
#2D2B78
800
#23215E
900
#1D1C45
950
#12122C

Contrast Checker

Text on white

7.53:1

AA Pass AAA Pass

Text on black

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