#342DC9

#342DC9

Color Values

HEX

#342DC9

RGB

52, 45, 201

HSL

242.7, 63.4%, 48.2%

HSV

242.7, 77.6%, 78.8%

CMYK

74.1%, 77.6%, 0.0%, 21.2%

OKLCH

0.4315 0.2272 273.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#342DC9

#C2C92D

Analogous

#2D74C9

#822DC9

#342DC9

Triadic

#342DC9

#C9342D

#2DC934

Split Complementary

#342DC9

#C9822D

#74C92D

Tetradic

#342DC9

#C92D74

#C2C92D

#2DC982

Color Blindness Simulation

Original

#342DC9

Protanopia

#3131A3

Deuteranopia

#31329A

Tritanopia

#34857F

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E4E4F7
200
#C7C5F2
300
#9E9BE9
400
#6A65DC
500
#362FD0
600
#2B25A7
700
#231E85
800
#1B1768
900
#17154C
950
#0F0D30

Contrast Checker

Text on white

8.88:1

AA Pass AAA Pass

Text on black

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