#342C57

#342C57

Color Values

HEX

#342C57

RGB

52, 44, 87

HSL

251.2, 32.8%, 25.7%

HSV

251.2, 49.4%, 34.1%

CMYK

40.2%, 49.4%, 0.0%, 65.9%

OKLCH

0.3243 0.0746 290.2

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#342C57

#4F572C

Analogous

#2C3A57

#4A2C57

#342C57

Triadic

#342C57

#57342C

#2C5734

Split Complementary

#342C57

#574A2C

#3A572C

Tetradic

#342C57

#572C3A

#4F572C

#2C574A

Color Blindness Simulation

Original

#342C57

Protanopia

#31304D

Deuteranopia

#31324A

Tritanopia

#344443

Achromatopsia

#313131

CSS Usage

background-color: #342C57;
color: #342C57;
border-color: #342C57;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D4D0E7
300
#B5AED6
400
#8D82C0
500
#6556A9
600
#514587
700
#41376C
800
#332B55
900
#27223F
950
#191628

Contrast Checker

Text on white

12.77:1

AA Pass AAA Pass

Text on black

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