#342DB3

#342DB3

Color Values

HEX

#342DB3

RGB

52, 45, 179

HSL

243.1, 59.8%, 43.9%

HSV

243.1, 74.9%, 70.2%

CMYK

70.9%, 74.9%, 0.0%, 29.8%

OKLCH

0.4081 0.2012 275.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#342DB3

#ACB32D

Analogous

#2D69B3

#772DB3

#342DB3

Triadic

#342DB3

#B3342D

#2DB334

Split Complementary

#342DB3

#B3772D

#69B32D

Tetradic

#342DB3

#B32D69

#ACB32D

#2DB377

Color Blindness Simulation

Original

#342DB3

Protanopia

#313193

Deuteranopia

#31328B

Tritanopia

#347973

Achromatopsia

#383838

CSS Usage

background-color: #342DB3;
color: #342DB3;
border-color: #342DB3;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E5E4F6
200
#C8C6F1
300
#A19DE6
400
#6E68D9
500
#3B33CC
600
#2F29A3
700
#262182
800
#1E1A66
900
#19164B
950
#100E2F

Contrast Checker

Text on white

9.67:1

AA Pass AAA Pass

Text on black

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