#342E76

#342E76

Color Values

HEX

#342E76

RGB

52, 46, 118

HSL

245.0, 43.9%, 32.2%

HSV

245.0, 61.0%, 46.3%

CMYK

55.9%, 61.0%, 0.0%, 53.7%

OKLCH

0.3518 0.119 282.1

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#342E76

#70762E

Analogous

#2E4C76

#582E76

#342E76

Triadic

#342E76

#76342E

#2E7634

Split Complementary

#342E76

#76582E

#4C762E

Tetradic

#342E76

#762E4C

#70762E

#2E7658

Color Blindness Simulation

Original

#342E76

Protanopia

#313165

Deuteranopia

#323260

Tritanopia

#345754

Achromatopsia

#343434

CSS Usage

background-color: #342E76;
color: #342E76;
border-color: #342E76;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CECCEB
300
#ABA7DD
400
#7E77CA
500
#5148B7
600
#413993
700
#342E75
800
#28245C
900
#201D44
950
#15132B

Contrast Checker

Text on white

11.68:1

AA Pass AAA Pass

Text on black

1.8:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026