#4641F2

#4641F2

Color Values

HEX

#4641F2

RGB

70, 65, 242

HSL

241.7, 87.2%, 60.2%

HSV

241.7, 73.1%, 94.9%

CMYK

71.1%, 73.1%, 0.0%, 5.1%

OKLCH

0.5103 0.2523 274.0

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#4641F2

#EDF241

Analogous

#4194F2

#9F41F2

#4641F2

Triadic

#4641F2

#F24641

#41F246

Split Complementary

#4641F2

#F29F41

#94F241

Tetradic

#4641F2

#F24194

#EDF241

#41F29F

Color Blindness Simulation

Original

#4641F2

Protanopia

#4444C7

Deuteranopia

#4444BD

Tritanopia

#46A59E

Achromatopsia

#4F4F4F

CSS Usage

background-color: #4641F2;
color: #4641F2;
border-color: #4641F2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BEBCFA
300
#8F8CF7
400
#534EF3
500
#1710EF
600
#120DBF
700
#0E0A99
800
#0B0877
900
#0D0A56
950
#080737

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

3.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026