#342AD7

#342AD7

Color Values

HEX

#342AD7

RGB

52, 42, 215

HSL

243.5, 68.4%, 50.4%

HSV

243.5, 80.5%, 84.3%

CMYK

75.8%, 80.5%, 0.0%, 15.7%

OKLCH

0.4434 0.2455 272.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#342AD7

#CDD72A

Analogous

#2A76D7

#8B2AD7

#342AD7

Triadic

#342AD7

#D7342A

#2AD734

Split Complementary

#342AD7

#D78B2A

#76D72A

Tetradic

#342AD7

#D72A76

#CDD72A

#2AD78B

Color Blindness Simulation

Original

#342AD7

Protanopia

#3030AD

Deuteranopia

#3031A3

Tritanopia

#348C85

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F8
200
#C6C3F4
300
#9D98EC
400
#6860E1
500
#3228D7
600
#2820AC
700
#201A89
800
#19146B
900
#16134E
950
#0E0C31

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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