#342CD2

#342CD2

Color Values

HEX

#342CD2

RGB

52, 44, 210

HSL

242.9, 65.4%, 49.8%

HSV

242.9, 79.0%, 82.4%

CMYK

75.2%, 79.0%, 0.0%, 17.6%

OKLCH

0.4401 0.2384 272.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#342CD2

#CAD22C

Analogous

#2C77D2

#872CD2

#342CD2

Triadic

#342CD2

#D2342C

#2CD234

Split Complementary

#342CD2

#D2872C

#77D22C

Tetradic

#342CD2

#D22C77

#CAD22C

#2CD287

Color Blindness Simulation

Original

#342CD2

Protanopia

#3130AA

Deuteranopia

#3132A0

Tritanopia

#348A83

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E4E3F7
200
#C6C4F3
300
#9E9AEA
400
#6963DE
500
#342CD3
600
#2A23A9
700
#211C87
800
#1A1669
900
#17144D
950
#0E0D31

Contrast Checker

Text on white

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