#4741F2

#4741F2

Color Values

HEX

#4741F2

RGB

71, 65, 242

HSL

242.0, 87.2%, 60.2%

HSV

242.0, 73.1%, 94.9%

CMYK

70.7%, 73.1%, 0.0%, 5.1%

OKLCH

0.5109 0.2521 274.3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#4741F2

#ECF241

Analogous

#4194F2

#9F41F2

#4741F2

Triadic

#4741F2

#F24741

#41F247

Split Complementary

#4741F2

#F29F41

#94F241

Tetradic

#4741F2

#F24194

#ECF241

#41F29F

Color Blindness Simulation

Original

#4741F2

Protanopia

#4444C7

Deuteranopia

#4545BD

Tritanopia

#47A59E

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BEBCFA
300
#908CF7
400
#544EF3
500
#1810EF
600
#130DBF
700
#0F0A99
800
#0C0877
900
#0D0A56
950
#080737

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

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