#342CDB

#342CDB

Color Values

HEX

#342CDB

RGB

52, 44, 219

HSL

242,7, 70,9%, 51,6%

HSV

242,7, 79,9%, 85,9%

CMYK

76,3%, 79,9%, 0,0%, 14,1%

OKLCH

0,4501 0,2485 272,2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#342CDB

#D3DB2C

Analogous

#2C7CDB

#8B2CDB

#342CDB

Triadic

#342CDB

#DB342C

#2CDB34

Split Complementary

#342CDB

#DB8B2C

#7CDB2C

Tetradic

#342CDB

#DB2C7C

#D3DB2C

#2CDB8B

Color Blindness Simulation

Original

#342CDB

Protanopia

#3130B1

Deuteranopia

#3132A6

Tritanopia

#348F88

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E2F8
200
#C4C2F5
300
#9A96ED
400
#645EE4
500
#2D25DA
600
#241EAE
700
#1D188B
800
#17136D
900
#14124F
950
#0D0B32

Contrast Checker

Text on white

8,3:1

AA Pass AAA Pass

Text on black

2,53:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026