#40349B

#40349B

Color Values

HEX

#40349B

RGB

64, 52, 155

HSL

247.0, 49.8%, 40.6%

HSV

247.0, 66.5%, 60.8%

CMYK

58.7%, 66.5%, 0.0%, 39.2%

OKLCH

0.4045 0.1604 281.8

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#40349B

#8F9B34

Analogous

#345B9B

#74349B

#40349B

Triadic

#40349B

#9B4034

#349B40

Split Complementary

#40349B

#9B7434

#5B9B34

Tetradic

#40349B

#9B345B

#8F9B34

#349B74

Color Blindness Simulation

Original

#40349B

Protanopia

#3B3B82

Deuteranopia

#3C3C7C

Tritanopia

#3F6E6A

Achromatopsia

#3E3E3E

CSS Usage

background-color: #40349B;
color: #40349B;
border-color: #40349B;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CECAED
300
#AAA3E0
400
#7D72D0
500
#4F40BF
600
#3F3399
700
#32297A
800
#27205F
900
#201B46
950
#14112C

Contrast Checker

Text on white

9.62:1

AA Pass AAA Pass

Text on black

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