#342cb8 hex color

In a RGB color space, hex #342cb8 is composed of 20.4% red, 17.3% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 76.1% magenta, 0% yellow and 27.8% black. It has a hue angle of 243.4 degrees, a saturation of 61.4% and a lightness of 44.7%. #342cb8 color hex could be obtained by blending #6858ff with #000071. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 17
- B 72
RGB color chart
- C 72
- M 76
- Y 0
- K 28
CMYK color chart

● #342cb8 color description : Strong blue.

The hexadecimal color #342cb8 has RGB values of R:52, G:44, B:184 and CMYK values of C:0.72, M:0.76, Y:0, K:0.28. Its decimal value is 3419320.

Hex triplet	342cb8	`#342cb8`
RGB Decimal	52, 44, 184	`rgb(52,44,184)`
RGB Percent	20.4, 17.3, 72.2	`rgb(20.4%,17.3%,72.2%)`
CMYK	72, 76, 0, 28
HSL	243.4°, 61.4, 44.7	`hsl(243.4,61.4%,44.7%)`
HSV (or HSB)	243.4°, 76.1, 72.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.391, 47.766, -71.727
XYZ	10.967, 5.992, 45.923
xyY	0.174, 0.095, 5.992
CIE-LCH	29.391, 86.176, 303.662
CIE-LUV	29.391, -5.347, -92.596
Hunter-Lab	24.478, 37.139, -94.102
Binary	00110100, 00101100, 10111000

#342cb8
```
#342cb8 rgb(52,44,184)
```
#b0b82c
```
#b0b82c rgb(176,184,44)
```

Complementary Color

#2c6ab8
```
#2c6ab8 rgb(44,106,184)
```
#342cb8
```
#342cb8 rgb(52,44,184)
```
#7a2cb8
```
#7a2cb8 rgb(122,44,184)
```

Analogous Color

#6ab82c
```
#6ab82c rgb(106,184,44)
```
#342cb8
```
#342cb8 rgb(52,44,184)
```
#b87a2c
```
#b87a2c rgb(184,122,44)
```

Split Complementary Color

#2cb834
```
#2cb834 rgb(44,184,52)
```
#342cb8
```
#342cb8 rgb(52,44,184)
```
#b8342c
```
#b8342c rgb(184,52,44)
```

Triadic Color

#2cb0b8
```
#2cb0b8 rgb(44,176,184)
```
#342cb8
```
#342cb8 rgb(52,44,184)
```
#b8342c
```
#b8342c rgb(184,52,44)
```
#b0b82c
```
#b0b82c rgb(176,184,44)
```

Tetradic Color

#231d7a
```
#231d7a rgb(35,29,122)
```
#28228f
```
#28228f rgb(40,34,143)
```
#2e27a3
```
#2e27a3 rgb(46,39,163)
```
#342cb8
```
#342cb8 rgb(52,44,184)
```
#3a31cd
```
#3a31cd rgb(58,49,205)
```
#4d45d2
```
#4d45d2 rgb(77,69,210)
```
#6059d7
```
#6059d7 rgb(96,89,215)
```

Monochromatic Color

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

#2c47b8
```
#2c47b8 rgb(44,71,184)
```
#2c3bb8
```
#2c3bb8 rgb(44,59,184)
```
#2c30b8
```
#2c30b8 rgb(44,48,184)
```
#342cb8
```
#342cb8 rgb(52,44,184)
```
#402cb8
```
#402cb8 rgb(64,44,184)
```
#4b2cb8
```
#4b2cb8 rgb(75,44,184)
```
#572cb8
```
#572cb8 rgb(87,44,184)
```

Similar Colors

Text with hexadecimal color #342cb8

This text has a font color of #342cb8.

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

#342cb8 background color

This paragraph has a background color of #342cb8.

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

#342cb8 border color

This element has a border color of #342cb8.

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

CSS codes

.text {color:#342cb8;}

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

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

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, #03020a is the darkest color, while #f9f9fe is the lightest one.

#03020a
```
#03020a rgb(3,2,10)
```
#07061a
```
#07061a rgb(7,6,26)
```
#0c0a2a
```
#0c0a2a rgb(12,10,42)
```
#100e39
```
#100e39 rgb(16,14,57)
```
#151249
```
#151249 rgb(21,18,73)
```
#191559
```
#191559 rgb(25,21,89)
```
#1e1969
```
#1e1969 rgb(30,25,105)
```
#221d79
```
#221d79 rgb(34,29,121)
```
#272189
```
#272189 rgb(39,33,137)
```
#2b2498
```
#2b2498 rgb(43,36,152)
```
#3028a8
```
#3028a8 rgb(48,40,168)
```
#342cb8
```
#342cb8 rgb(52,44,184)
```
#3830c8
```
#3830c8 rgb(56,48,200)
```

Shade Color Variation

#443bd0
```
#443bd0 rgb(68,59,208)
```
#534bd4
```
#534bd4 rgb(83,75,212)
```
#625bd8
```
#625bd8 rgb(98,91,216)
```
#716bdc
```
#716bdc rgb(113,107,220)
```
#807adf
```
#807adf rgb(128,122,223)
```
#8f8ae3
```
#8f8ae3 rgb(143,138,227)
```
#9e9ae7
```
#9e9ae7 rgb(158,154,231)
```
#aeaaeb
```
#aeaaeb rgb(174,170,235)
```
#bdbaee
```
#bdbaee rgb(189,186,238)
```
#cccaf2
```
#cccaf2 rgb(204,202,242)
```
#dbd9f6
```
#dbd9f6 rgb(219,217,246)
```
#eae9fa
```
#eae9fa rgb(234,233,250)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a697b is the less saturated color, while #0d00e4 is the most saturated one.

#6a697b
```
#6a697b rgb(106,105,123)
```
#636183
```
#636183 rgb(99,97,131)
```
#5b588c
```
#5b588c rgb(91,88,140)
```
#534f95
```
#534f95 rgb(83,79,149)
```
#4b469e
```
#4b469e rgb(75,70,158)
```
#443ea6
```
#443ea6 rgb(68,62,166)
```
#3c35af
```
#3c35af rgb(60,53,175)
```
#342cb8
```
#342cb8 rgb(52,44,184)
```
#2c23c1
```
#2c23c1 rgb(44,35,193)
```
#241aca
```
#241aca rgb(36,26,202)
```
#1d12d2
```
#1d12d2 rgb(29,18,210)
```
#1509db
```
#1509db rgb(21,9,219)
```
#0d00e4
```
#0d00e4 rgb(13,0,228)
```

Tone Color Variation

Below, you can see how #342cb8 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
#3c3a56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c95 Protanopia 1% of men
#005181 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#1240a1 Protanomaly 1% of men, 0.01% of women
#124395 Deuteranomaly 6% of men, 0.4% of women
#12477d Tritanomaly 0.01% of the population

#342cb8 hex color

#342cb8 Color Information

#342cb8 Color Conversion

Color Schemes with #342cb8

Alternatives to #342cb8

#342cb8 Preview

Shades and Tints of #342cb8

Tones of #342cb8

Color Blindness Simulator