#342C77

#342C77

Color Values

HEX

#342C77

RGB

52, 44, 119

HSL

246.4, 46.0%, 32.0%

HSV

246.4, 63.0%, 46.7%

CMYK

56.3%, 63.0%, 0.0%, 53.3%

OKLCH

0.3489 0.1233 282.8

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#342C77

#6F772C

Analogous

#2C4A77

#5A2C77

#342C77

Triadic

#342C77

#77342C

#2C7734

Split Complementary

#342C77

#775A2C

#4A772C

Tetradic

#342C77

#772C4A

#6F772C

#2C775A

Color Blindness Simulation

Original

#342C77

Protanopia

#313065

Deuteranopia

#313260

Tritanopia

#345753

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CECBEC
300
#ACA6DE
400
#7F75CC
500
#5145BA
600
#413795
700
#342C77
800
#29225D
900
#211C45
950
#15122B

Contrast Checker

Text on white

11.85:1

AA Pass AAA Pass

Text on black

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