#4F50FA

#4F50FA

Color Values

HEX

#4F50FA

RGB

79, 80, 250

HSL

239.6, 94.5%, 64.5%

HSV

239.6, 68.4%, 98.0%

CMYK

68.4%, 68.0%, 0.0%, 2.0%

OKLCH

0.5445 0.2448 274.4

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4F50FA

#FAF94F

Analogous

#4FA6FA

#A34FFA

#4F50FA

Triadic

#4F50FA

#FA4F50

#50FA4F

Split Complementary

#4F50FA

#FAA34F

#A6FA4F

Tetradic

#4F50FA

#FA4FA6

#FAF94F

#4FFAA3

Color Blindness Simulation

Original

#4F50FA

Protanopia

#4F4FD1

Deuteranopia

#4F4FC7

Tritanopia

#4FB0A9

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABAFD
300
#8889FC
400
#4749FA
500
#0709F8
600
#0607C6
700
#04069F
800
#04047C
900
#07085A
950
#050539

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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