#342B54

#342B54

Color Values

HEX

#342B54

RGB

52, 43, 84

HSL

253.2, 32.3%, 24.9%

HSV

253.2, 48.8%, 32.9%

CMYK

38.1%, 48.8%, 0.0%, 67.1%

OKLCH

0.3201 0.0716 291.9

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#342B54

#4B542B

Analogous

#2B3654

#492B54

#342B54

Triadic

#342B54

#54342B

#2B5434

Split Complementary

#342B54

#54492B

#36542B

Tetradic

#342B54

#542B36

#4B542B

#2B5449

Color Blindness Simulation

Original

#342B54

Protanopia

#30304A

Deuteranopia

#313148

Tritanopia

#344241

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D5D0E7
300
#B7AED6
400
#9082BF
500
#6856A9
600
#544587
700
#43376C
800
#342B54
900
#29223F
950
#1A1627

Contrast Checker

Text on white

12.97:1

AA Pass AAA Pass

Text on black

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