#342ac1 hex color

In a RGB color space, hex #342ac1 is composed of 20.4% red, 16.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 78.2% magenta, 0% yellow and 24.3% black. It has a hue angle of 244 degrees, a saturation of 64.3% and a lightness of 46.1%. #342ac1 color hex could be obtained by blending #6854ff with #000083. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 16
- B 76
RGB color chart
- C 73
- M 78
- Y 0
- K 24
CMYK color chart

● #342ac1 color description : Strong blue.

The hexadecimal color #342ac1 has RGB values of R:52, G:42, B:193 and CMYK values of C:0.73, M:0.78, Y:0, K:0.24. Its decimal value is 3418817.

Hex triplet	342ac1	`#342ac1`
RGB Decimal	52, 42, 193	`rgb(52,42,193)`
RGB Percent	20.4, 16.5, 75.7	`rgb(20.4%,16.5%,75.7%)`
CMYK	73, 78, 0, 24
HSL	244°, 64.3, 46.1	`hsl(244,64.3%,46.1%)`
HSV (or HSB)	244°, 78.2, 75.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.999, 51.637, -76.041
XYZ	11.868, 6.236, 51.027
xyY	0.172, 0.09, 6.236
CIE-LCH	29.999, 91.916, 304.179
CIE-LUV	29.999, -5.532, -97.974
Hunter-Lab	24.971, 41.135, -103.676
Binary	00110100, 00101010, 11000001

#342ac1
```
#342ac1 rgb(52,42,193)
```
#b7c12a
```
#b7c12a rgb(183,193,42)
```

Complementary Color

#2a6cc1
```
#2a6cc1 rgb(42,108,193)
```
#342ac1
```
#342ac1 rgb(52,42,193)
```
#802ac1
```
#802ac1 rgb(128,42,193)
```

Analogous Color

#6cc12a
```
#6cc12a rgb(108,193,42)
```
#342ac1
```
#342ac1 rgb(52,42,193)
```
#c1802a
```
#c1802a rgb(193,128,42)
```

Split Complementary Color

#2ac134
```
#2ac134 rgb(42,193,52)
```
#342ac1
```
#342ac1 rgb(52,42,193)
```
#c1342a
```
#c1342a rgb(193,52,42)
```

Triadic Color

#2ab7c1
```
#2ab7c1 rgb(42,183,193)
```
#342ac1
```
#342ac1 rgb(52,42,193)
```
#c1342a
```
#c1342a rgb(193,52,42)
```
#b7c12a
```
#b7c12a rgb(183,193,42)
```

Tetradic Color

#231c82
```
#231c82 rgb(35,28,130)
```
#292197
```
#292197 rgb(41,33,151)
```
#2e25ac
```
#2e25ac rgb(46,37,172)
```
#342ac1
```
#342ac1 rgb(52,42,193)
```
#3d32d2
```
#3d32d2 rgb(61,50,210)
```
#5147d7
```
#5147d7 rgb(81,71,215)
```
#645cdc
```
#645cdc rgb(100,92,220)
```

Monochromatic Color

Below, you can see some colors close to #342ac1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2a46c1
```
#2a46c1 rgb(42,70,193)
```
#2a39c1
```
#2a39c1 rgb(42,57,193)
```
#2a2dc1
```
#2a2dc1 rgb(42,45,193)
```
#342ac1
```
#342ac1 rgb(52,42,193)
```
#412ac1
```
#412ac1 rgb(65,42,193)
```
#4d2ac1
```
#4d2ac1 rgb(77,42,193)
```
#5a2ac1
```
#5a2ac1 rgb(90,42,193)
```

Similar Colors

Text with hexadecimal color #342ac1

This text has a font color of #342ac1.

<span style="color:#342ac1;">Text here</span>

#342ac1 background color

This paragraph has a background color of #342ac1.

<p style="background-color:#342ac1;">Content here</p>

#342ac1 border color

This element has a border color of #342ac1.

<div style="border:1px solid #342ac1;">Content here</div>

CSS codes

.text {color:#342ac1;}

.background {background-color:#342ac1;}

.border {border:1px solid #342ac1;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040310 is the darkest color, while #ffffff is the lightest one.

#040310
```
#040310 rgb(4,3,16)
```
#090720
```
#090720 rgb(9,7,32)
```
#0d0a30
```
#0d0a30 rgb(13,10,48)
```
#110e40
```
#110e40 rgb(17,14,64)
```
#161150
```
#161150 rgb(22,17,80)
```
#1a1560
```
#1a1560 rgb(26,21,96)
```
#1e1870
```
#1e1870 rgb(30,24,112)
```
#231c81
```
#231c81 rgb(35,28,129)
```
#271f91
```
#271f91 rgb(39,31,145)
```
#2b23a1
```
#2b23a1 rgb(43,35,161)
```
#3026b1
```
#3026b1 rgb(48,38,177)
```
#342ac1
```
#342ac1 rgb(52,42,193)
```
#382ed1
```
#382ed1 rgb(56,46,209)
```

Shade Color Variation

#473dd5
```
#473dd5 rgb(71,61,213)
```
#574dd8
```
#574dd8 rgb(87,77,216)
```
#665edc
```
#665edc rgb(102,94,220)
```
#756edf
```
#756edf rgb(117,110,223)
```
#857ee3
```
#857ee3 rgb(133,126,227)
```
#948ee6
```
#948ee6 rgb(148,142,230)
```
#a39eea
```
#a39eea rgb(163,158,234)
```
#b2aeed
```
#b2aeed rgb(178,174,237)
```
#c2bef1
```
#c2bef1 rgb(194,190,241)
```
#d1cef4
```
#d1cef4 rgb(209,206,244)
```
#e0def8
```
#e0def8 rgb(224,222,248)
```
#efeffb
```
#efeffb rgb(239,239,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737279 is the less saturated color, while #1506e5 is the most saturated one.

#737279
```
#737279 rgb(115,114,121)
```
#6b6982
```
#6b6982 rgb(107,105,130)
```
#63608b
```
#63608b rgb(99,96,139)
```
#5b5794
```
#5b5794 rgb(91,87,148)
```
#534e9d
```
#534e9d rgb(83,78,157)
```
#4c45a6
```
#4c45a6 rgb(76,69,166)
```
#443caf
```
#443caf rgb(68,60,175)
```
#3c33b8
```
#3c33b8 rgb(60,51,184)
```
#342ac1
```
#342ac1 rgb(52,42,193)
```
#2c21ca
```
#2c21ca rgb(44,33,202)
```
#2418d3
```
#2418d3 rgb(36,24,211)
```
#1c0fdc
```
#1c0fdc rgb(28,15,220)
```
#1506e5
```
#1506e5 rgb(21,6,229)
```

Tone Color Variation

Below, you can see how #342ac1 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#3e3e3e Achromatopsia 0.005% of the population
#3c3a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005283 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#1240a6 Protanomaly 1% of men, 0.01% of women
#124399 Deuteranomaly 6% of men, 0.4% of women
#124781 Tritanomaly 0.01% of the population

#342ac1 hex color

#342ac1 Color Information

#342ac1 Color Conversion

Color Schemes with #342ac1

Alternatives to #342ac1

#342ac1 Preview

Shades and Tints of #342ac1

Tones of #342ac1

Color Blindness Simulator