#342548

#342548

Color Values

HEX

#342548

RGB

52, 37, 72

HSL

265.7, 32.1%, 21.4%

HSV

265.7, 48.6%, 28.2%

CMYK

27.8%, 48.6%, 0.0%, 71.8%

OKLCH

0.2995 0.0639 302.5

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#342548

#394825

Analogous

#252848

#462548

#342548

Triadic

#342548

#483425

#254834

Split Complementary

#342548

#484625

#284825

Tetradic

#342548

#482528

#394825

#254846

Color Blindness Simulation

Original

#342548

Protanopia

#2E2D40

Deuteranopia

#2E303E

Tritanopia

#333937

Achromatopsia

#2B2B2B

CSS Usage

background-color: #342548;
color: #342548;
border-color: #342548;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#DAD0E7
300
#BFAED5
400
#9C82BF
500
#7A57A8
600
#614587
700
#4E376C
800
#3D2B54
900
#2E223E
950
#1D1627

Contrast Checker

Text on white

13.96:1

AA Pass AAA Pass

Text on black

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