#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026