#342DD2

#342DD2

Color Values

HEX

#342DD2

RGB

52, 45, 210

HSL

242.5, 64.7%, 50.0%

HSV

242.5, 78.6%, 82.4%

CMYK

75.2%, 78.6%, 0.0%, 17.6%

OKLCH

0.4413 0.2376 272.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#342DD2

#CBD22D

Analogous

#2D79D2

#862DD2

#342DD2

Triadic

#342DD2

#D2342D

#2DD234

Split Complementary

#342DD2

#D2862D

#79D22D

Tetradic

#342DD2

#D22D79

#CBD22D

#2DD286

Color Blindness Simulation

Original

#342DD2

Protanopia

#3131AA

Deuteranopia

#3132A0

Tritanopia

#348B84

Achromatopsia

#3A3A3A

CSS Usage

background-color: #342DD2;
color: #342DD2;
border-color: #342DD2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C6C4F2
300
#9E9AE9
400
#6964DE
500
#342DD2
600
#2A24A8
700
#211D86
800
#1A1769
900
#17144D
950
#0E0D30

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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