colorhexa.com

#342c5e hex color

In a RGB color space, hex #342c5e is composed of 20.4% red, 17.3% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 53.2% magenta, 0% yellow and 63.1% black. It has a hue angle of 249.6 degrees, a saturation of 36.2% and a lightness of 27.1%. #342c5e color hex could be obtained by blending #6858bc with #000000. Closest websafe color is: #333366.

- R 20
- G 17
- B 37
RGB color chart
- C 45
- M 53
- Y 0
- K 63
CMYK color chart

● #342c5e color description : Very dark desaturated blue.

The hexadecimal color #342c5e has RGB values of R:52, G:44, B:94 and CMYK values of C:0.45, M:0.53, Y:0, K:0.63. Its decimal value is 3419230.

Hex triplet	342c5e	`#342c5e`
RGB Decimal	52, 44, 94	`rgb(52,44,94)`
RGB Percent	20.4, 17.3, 36.9	`rgb(20.4%,17.3%,36.9%)`
CMYK	45, 53, 0, 63
HSL	249.6°, 36.2, 27.1	`hsl(249.6,36.2%,27.1%)`
HSV (or HSB)	249.6°, 53.2, 36.9
Web Safe	333366	`#333366`

CIE-LAB	21.355, 17.655, -28.757
XYZ	4.337, 3.34, 11.005
xyY	0.232, 0.179, 3.34
CIE-LCH	21.355, 33.744, 301.547
CIE-LUV	21.355, 0.15, -34.599
Hunter-Lab	18.274, 10.382, -22.914
Binary	00110100, 00101100, 01011110

#342c5e
```
#342c5e rgb(52,44,94)
```
#565e2c
```
#565e2c rgb(86,94,44)
```

Complementary Color

#2c3d5e
```
#2c3d5e rgb(44,61,94)
```
#342c5e
```
#342c5e rgb(52,44,94)
```
#4d2c5e
```
#4d2c5e rgb(77,44,94)
```

Analogous Color

#3d5e2c
```
#3d5e2c rgb(61,94,44)
```
#342c5e
```
#342c5e rgb(52,44,94)
```
#5e4d2c
```
#5e4d2c rgb(94,77,44)
```

Split Complementary Color

#17142a
```
#17142a rgb(23,20,42)
```
#211c3b
```
#211c3b rgb(33,28,59)
```
#2a244d
```
#2a244d rgb(42,36,77)
```
#342c5e
```
#342c5e rgb(52,44,94)
```
#3e346f
```
#3e346f rgb(62,52,111)
```
#473c81
```
#473c81 rgb(71,60,129)
```
#514492
```
#514492 rgb(81,68,146)
```

Monochromatic Color

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

#2c315e
```
#2c315e rgb(44,49,94)
```
#2c2c5e
```
#2c2c5e rgb(44,44,94)
```
#302c5e
```
#302c5e rgb(48,44,94)
```
#342c5e
```
#342c5e rgb(52,44,94)
```
#382c5e
```
#382c5e rgb(56,44,94)
```
#3c2c5e
```
#3c2c5e rgb(60,44,94)
```
#412c5e
```
#412c5e rgb(65,44,94)
```

Similar Colors

Text with hexadecimal color #342c5e

This text has a font color of #342c5e.

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

#342c5e background color

This paragraph has a background color of #342c5e.

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

#342c5e border color

This element has a border color of #342c5e.

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

CSS codes

.text {color:#342c5e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#08060e
```
#08060e rgb(8,6,14)
```
#0f0d1b
```
#0f0d1b rgb(15,13,27)
```
#161329
```
#161329 rgb(22,19,41)
```
#1e1936
```
#1e1936 rgb(30,25,54)
```
#251f43
```
#251f43 rgb(37,31,67)
```
#2d2651
```
#2d2651 rgb(45,38,81)
```
#342c5e
```
#342c5e rgb(52,44,94)
```
#3b326b
```
#3b326b rgb(59,50,107)
```
#433979
```
#433979 rgb(67,57,121)
```
#4a3f86
```
#4a3f86 rgb(74,63,134)
```
#524593
```
#524593 rgb(82,69,147)
```
#594ba1
```
#594ba1 rgb(89,75,161)
```

Shade Color Variation

#6152ae
```
#6152ae rgb(97,82,174)
```
#6d5fb4
```
#6d5fb4 rgb(109,95,180)
```
#796cba
```
#796cba rgb(121,108,186)
```
#857ac1
```
#857ac1 rgb(133,122,193)
```
#9187c7
```
#9187c7 rgb(145,135,199)
```
#9e95cd
```
#9e95cd rgb(158,149,205)
```
#aaa2d3
```
#aaa2d3 rgb(170,162,211)
```
#b6afda
```
#b6afda rgb(182,175,218)
```
#c2bde0
```
#c2bde0 rgb(194,189,224)
```
#cfcae6
```
#cfcae6 rgb(207,202,230)
```
#dbd7ec
```
#dbd7ec rgb(219,215,236)
```
#e7e5f3
```
#e7e5f3 rgb(231,229,243)
```
#f3f2f9
```
#f3f2f9 rgb(243,242,249)
```

Tint Color Variation

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

#424149
```
#424149 rgb(66,65,73)
```
#3f3c4e
```
#3f3c4e rgb(63,60,78)
```
#3b3753
```
#3b3753 rgb(59,55,83)
```
#383159
```
#383159 rgb(56,49,89)
```
#342c5e
```
#342c5e rgb(52,44,94)
```
#302763
```
#302763 rgb(48,39,99)
```
#2d2169
```
#2d2169 rgb(45,33,105)
```
#291c6e
```
#291c6e rgb(41,28,110)
```
#261773
```
#261773 rgb(38,23,115)
```
#221179
```
#221179 rgb(34,17,121)
```
#1e0c7e
```
#1e0c7e rgb(30,12,126)
```
#1b0783
```
#1b0783 rgb(27,7,131)
```
#170288
```
#170288 rgb(23,2,136)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#34323c Atypical Achromatopsia 0.001% of the population

Dichromacy

#233c6a Protanopia 1% of men
#203e63 Deuteranopia 1% of men
#343f44 Tritanopia 0.001% of the population

Trichromacy

#293666 Protanomaly 1% of men, 0.01% of women
#273761 Deuteranomaly 6% of men, 0.4% of women
#34384d Tritanomaly 0.01% of the population