#342BCE

#342BCE

Color Values

HEX

#342BCE

RGB

52, 43, 206

HSL

243.3, 65.5%, 48.8%

HSV

243.3, 79.1%, 80.8%

CMYK

74.8%, 79.1%, 0.0%, 19.2%

OKLCH

0.4345 0.2346 273.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#342BCE

#C5CE2B

Analogous

#2B73CE

#852BCE

#342BCE

Triadic

#342BCE

#CE342B

#2BCE34

Split Complementary

#342BCE

#CE852B

#73CE2B

Tetradic

#342BCE

#CE2B73

#C5CE2B

#2BCE85

Color Blindness Simulation

Original

#342BCE

Protanopia

#3030A7

Deuteranopia

#31319D

Tritanopia

#348781

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E4E3F7
200
#C6C4F3
300
#9E9AEA
400
#6A63DE
500
#352CD3
600
#2B23A9
700
#221C87
800
#1B166A
900
#17144D
950
#0F0D31

Contrast Checker

Text on white

8.81:1

AA Pass AAA Pass

Text on black

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