#4040BE

#4040BE

Color Values

HEX

#4040BE

RGB

64, 64, 190

HSL

240.0, 49.6%, 49.8%

HSV

240.0, 66.3%, 74.5%

CMYK

66.3%, 66.3%, 0.0%, 25.5%

OKLCH

0.4556 0.1917 275.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#4040BE

#BEBE40

Analogous

#407FBE

#7F40BE

#4040BE

Triadic

#4040BE

#BE4040

#40BE40

Split Complementary

#4040BE

#BE7F40

#7FBE40

Tetradic

#4040BE

#BE407F

#BEBE40

#40BE7F

Color Blindness Simulation

Original

#4040BE

Protanopia

#4040A0

Deuteranopia

#404098

Tritanopia

#408782

Achromatopsia

#494949

CSS Usage

background-color: #4040BE;
color: #4040BE;
border-color: #4040BE;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CACAED
300
#A3A3E0
400
#7272CF
500
#4040BF
600
#333399
700
#29297A
800
#20205F
900
#1B1B46
950
#11112C

Contrast Checker

Text on white

7.79:1

AA Pass AAA Pass

Text on black

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