#4050C5

#4050C5

Color Values

HEX

#4050C5

RGB

64, 80, 197

HSL

232.8, 53.4%, 51.2%

HSV

232.8, 67.5%, 77.3%

CMYK

67.5%, 59.4%, 0.0%, 22.7%

OKLCH

0.4896 0.1817 271.9

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#4050C5

#C5B540

Analogous

#4093C5

#7340C5

#4050C5

Triadic

#4050C5

#C54050

#50C540

Split Complementary

#4050C5

#C57340

#93C540

Tetradic

#4050C5

#C54093

#C5B540

#40C573

Color Blindness Simulation

Original

#4050C5

Protanopia

#4747A9

Deuteranopia

#4645A2

Tritanopia

#41928D

Achromatopsia

#555555

CSS Usage

background-color: #4050C5;
color: #4050C5;
border-color: #4050C5;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C8CDEE
300
#A1A9E2
400
#6E7AD3
500
#3B4CC4
600
#303D9C
700
#26307D
800
#1E2662
900
#191F48
950
#10132D

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

3.17:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026