#342cb6 hex color

In a RGB color space, hex #342cb6 is composed of 20.4% red, 17.3% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 75.8% magenta, 0% yellow and 28.6% black. It has a hue angle of 243.5 degrees, a saturation of 61.1% and a lightness of 44.3%. #342cb6 color hex could be obtained by blending #6858ff with #00006d. Closest websafe color is: #3333cc.

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

● #342cb6 color description : Strong blue.

The hexadecimal color #342cb6 has RGB values of R:52, G:44, B:182 and CMYK values of C:0.71, M:0.76, Y:0, K:0.29. Its decimal value is 3419318.

Hex triplet	342cb6	`#342cb6`
RGB Decimal	52, 44, 182	`rgb(52,44,182)`
RGB Percent	20.4, 17.3, 71.4	`rgb(20.4%,17.3%,71.4%)`
CMYK	71, 76, 0, 29
HSL	243.5°, 61.1, 44.3	`hsl(243.5,61.1%,44.3%)`
HSV (or HSB)	243.5°, 75.8, 71.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.18, 47.127, -70.888
XYZ	10.759, 5.908, 44.827
xyY	0.175, 0.096, 5.908
CIE-LCH	29.18, 85.124, 303.616
CIE-LUV	29.18, -5.243, -91.406
Hunter-Lab	24.307, 36.471, -92.328
Binary	00110100, 00101100, 10110110

#342cb6
```
#342cb6 rgb(52,44,182)
```
#aeb62c
```
#aeb62c rgb(174,182,44)
```

Complementary Color

#2c69b6
```
#2c69b6 rgb(44,105,182)
```
#342cb6
```
#342cb6 rgb(52,44,182)
```
#792cb6
```
#792cb6 rgb(121,44,182)
```

Analogous Color

#69b62c
```
#69b62c rgb(105,182,44)
```
#342cb6
```
#342cb6 rgb(52,44,182)
```
#b6792c
```
#b6792c rgb(182,121,44)
```

Split Complementary Color

#2cb634
```
#2cb634 rgb(44,182,52)
```
#342cb6
```
#342cb6 rgb(52,44,182)
```
#b6342c
```
#b6342c rgb(182,52,44)
```

Triadic Color

#2caeb6
```
#2caeb6 rgb(44,174,182)
```
#342cb6
```
#342cb6 rgb(52,44,182)
```
#b6342c
```
#b6342c rgb(182,52,44)
```
#aeb62c
```
#aeb62c rgb(174,182,44)
```

Tetradic Color

#221d78
```
#221d78 rgb(34,29,120)
```
#28228d
```
#28228d rgb(40,34,141)
```
#2e27a1
```
#2e27a1 rgb(46,39,161)
```
#342cb6
```
#342cb6 rgb(52,44,182)
```
#3a31cb
```
#3a31cb rgb(58,49,203)
```
#4c43d2
```
#4c43d2 rgb(76,67,210)
```
#5f58d7
```
#5f58d7 rgb(95,88,215)
```

Monochromatic Color

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

#2c46b6
```
#2c46b6 rgb(44,70,182)
```
#2c3bb6
```
#2c3bb6 rgb(44,59,182)
```
#2c2fb6
```
#2c2fb6 rgb(44,47,182)
```
#342cb6
```
#342cb6 rgb(52,44,182)
```
#402cb6
```
#402cb6 rgb(64,44,182)
```
#4b2cb6
```
#4b2cb6 rgb(75,44,182)
```
#572cb6
```
#572cb6 rgb(87,44,182)
```

Similar Colors

Text with hexadecimal color #342cb6

This text has a font color of #342cb6.

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

#342cb6 background color

This paragraph has a background color of #342cb6.

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

#342cb6 border color

This element has a border color of #342cb6.

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

CSS codes

.text {color:#342cb6;}

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

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

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, #020208 is the darkest color, while #f8f7fd is the lightest one.

#020208
```
#020208 rgb(2,2,8)
```
#070618
```
#070618 rgb(7,6,24)
```
#0b0a28
```
#0b0a28 rgb(11,10,40)
```
#100d38
```
#100d38 rgb(16,13,56)
```
#141147
```
#141147 rgb(20,17,71)
```
#191557
```
#191557 rgb(25,21,87)
```
#1d1967
```
#1d1967 rgb(29,25,103)
```
#221d77
```
#221d77 rgb(34,29,119)
```
#262187
```
#262187 rgb(38,33,135)
```
#2b2496
```
#2b2496 rgb(43,36,150)
```
#2f28a6
```
#2f28a6 rgb(47,40,166)
```
#342cb6
```
#342cb6 rgb(52,44,182)
```
#3930c6
```
#3930c6 rgb(57,48,198)
```

Shade Color Variation

#433acf
```
#433acf rgb(67,58,207)
```
#524ad3
```
#524ad3 rgb(82,74,211)
```
#6159d7
```
#6159d7 rgb(97,89,215)
```
#7069db
```
#7069db rgb(112,105,219)
```
#7f79df
```
#7f79df rgb(127,121,223)
```
#8e89e2
```
#8e89e2 rgb(142,137,226)
```
#9d99e6
```
#9d99e6 rgb(157,153,230)
```
#aca8ea
```
#aca8ea rgb(172,168,234)
```
#bbb8ee
```
#bbb8ee rgb(187,184,238)
```
#cac8f2
```
#cac8f2 rgb(202,200,242)
```
#dad8f6
```
#dad8f6 rgb(218,216,246)
```
#e9e8f9
```
#e9e8f9 rgb(233,232,249)
```
#f8f7fd
```
#f8f7fd rgb(248,247,253)
```

Tint Color Variation

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

#6a6979
```
#6a6979 rgb(106,105,121)
```
#626082
```
#626082 rgb(98,96,130)
```
#5a578b
```
#5a578b rgb(90,87,139)
```
#534f93
```
#534f93 rgb(83,79,147)
```
#4b469c
```
#4b469c rgb(75,70,156)
```
#433da5
```
#433da5 rgb(67,61,165)
```
#3c35ad
```
#3c35ad rgb(60,53,173)
```
#342cb6
```
#342cb6 rgb(52,44,182)
```
#2c23bf
```
#2c23bf rgb(44,35,191)
```
#251bc7
```
#251bc7 rgb(37,27,199)
```
#1d12d0
```
#1d12d0 rgb(29,18,208)
```
#1509d9
```
#1509d9 rgb(21,9,217)
```
#0e01e1
```
#0e01e1 rgb(14,1,225)
```

Tone Color Variation

Below, you can see how #342cb6 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

#004c94 Protanopia 1% of men
#005080 Deuteranopia 1% of men
#00565a Tritanopia 0.001% of the population

Trichromacy

#1240a0 Protanomaly 1% of men, 0.01% of women
#124393 Deuteranomaly 6% of men, 0.4% of women
#12467c Tritanomaly 0.01% of the population

#342cb6 hex color

#342cb6 Color Information

#342cb6 Color Conversion

Color Schemes with #342cb6

Alternatives to #342cb6

#342cb6 Preview

Shades and Tints of #342cb6

Tones of #342cb6

Color Blindness Simulator