#4C4EED

#4C4EED

Color Values

HEX

#4C4EED

RGB

76, 78, 237

HSL

239.3, 81.7%, 61.4%

HSV

239.3, 67.9%, 92.9%

CMYK

67.9%, 67.1%, 0.0%, 7.1%

OKLCH

0.5279 0.2319 274.5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4C4EED

#EDEB4C

Analogous

#4C9EED

#9B4CED

#4C4EED

Triadic

#4C4EED

#ED4C4E

#4EED4C

Split Complementary

#4C4EED

#ED9B4C

#9EED4C

Tetradic

#4C4EED

#ED4C9E

#EDEB4C

#4CED9B

Color Blindness Simulation

Original

#4C4EED

Protanopia

#4D4DC7

Deuteranopia

#4D4DBD

Tritanopia

#4CA8A1

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BEBFF8
300
#9091F4
400
#5455EE
500
#171AE8
600
#1315B9
700
#0F1094
800
#0C0D74
900
#0D0E54
950
#080935

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

3.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026