#342AD5

#342AD5

Color Values

HEX

#342AD5

RGB

52, 42, 213

HSL

243.5, 67.1%, 50.0%

HSV

243.5, 80.3%, 83.5%

CMYK

75.6%, 80.3%, 0.0%, 16.5%

OKLCH

0.4412 0.2433 272.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#342AD5

#CBD52A

Analogous

#2A76D5

#892AD5

#342AD5

Triadic

#342AD5

#D5342A

#2AD534

Split Complementary

#342AD5

#D5892A

#76D52A

Tetradic

#342AD5

#D52A76

#CBD52A

#2AD589

Color Blindness Simulation

Original

#342AD5

Protanopia

#3030AC

Deuteranopia

#3031A2

Tritanopia

#348B84

Achromatopsia

#383838

CSS Usage

background-color: #342AD5;
color: #342AD5;
border-color: #342AD5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C6C3F3
300
#9E99EB
400
#6961E0
500
#342AD5
600
#2A22AA
700
#211B88
800
#1A156B
900
#17134E
950
#0E0C31

Contrast Checker

Text on white

8.61:1

AA Pass AAA Pass

Text on black

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