#342952

#342952

Color Values

HEX

#342952

RGB

52, 41, 82

HSL

256.1, 33.3%, 24.1%

HSV

256.1, 50.0%, 32.2%

CMYK

36.6%, 50.0%, 0.0%, 67.8%

OKLCH

0.3145 0.072 294.2

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#342952

#475229

Analogous

#293252

#482952

#342952

Triadic

#342952

#523429

#295234

Split Complementary

#342952

#524829

#325229

Tetradic

#342952

#522932

#475229

#295248

Color Blindness Simulation

Original

#342952

Protanopia

#2F2F48

Deuteranopia

#303146

Tritanopia

#33403F

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EBE8F2
200
#D6CFE7
300
#B8ADD6
400
#9281C0
500
#6C55AA
600
#564488
700
#45366D
800
#362B55
900
#2A223F
950
#1A1528

Contrast Checker

Text on white

13.25:1

AA Pass AAA Pass

Text on black

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