#342d5e hex color

In a RGB color space, hex #342d5e is composed of 20.4% red, 17.6% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 52.1% magenta, 0% yellow and 63.1% black. It has a hue angle of 248.6 degrees, a saturation of 35.3% and a lightness of 27.3%. #342d5e color hex could be obtained by blending #685abc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 18
- B 37
RGB color chart
- C 45
- M 52
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #342d5e has RGB values of R:52, G:45, B:94 and CMYK values of C:0.45, M:0.52, Y:0, K:0.63. Its decimal value is 3419486.

Hex triplet	342d5e	`#342d5e`
RGB Decimal	52, 45, 94	`rgb(52,45,94)`
RGB Percent	20.4, 17.6, 36.9	`rgb(20.4%,17.6%,36.9%)`
CMYK	45, 52, 0, 63
HSL	248.6°, 35.3, 27.3	`hsl(248.6,35.3%,27.3%)`
HSV (or HSB)	248.6°, 52.1, 36.9
Web Safe	333366	`#333366`

CIE-LAB	21.634, 16.968, -28.311
XYZ	4.375, 3.415, 11.018
xyY	0.233, 0.182, 3.415
CIE-LCH	21.634, 33.007, 300.936
CIE-LUV	21.634, -0.129, -34.214
Hunter-Lab	18.479, 9.916, -22.414
Binary	00110100, 00101101, 01011110

#342d5e
```
#342d5e rgb(52,45,94)
```
#575e2d
```
#575e2d rgb(87,94,45)
```

Complementary Color

#2d3f5e
```
#2d3f5e rgb(45,63,94)
```
#342d5e
```
#342d5e rgb(52,45,94)
```
#4d2d5e
```
#4d2d5e rgb(77,45,94)
```

Analogous Color

#3f5e2d
```
#3f5e2d rgb(63,94,45)
```
#342d5e
```
#342d5e rgb(52,45,94)
```
#5e4d2d
```
#5e4d2d rgb(94,77,45)
```

Split Complementary Color

#2d5e34
```
#2d5e34 rgb(45,94,52)
```
#342d5e
```
#342d5e rgb(52,45,94)
```
#5e342d
```
#5e342d rgb(94,52,45)
```

Triadic Color

#2d575e
```
#2d575e rgb(45,87,94)
```
#342d5e
```
#342d5e rgb(52,45,94)
```
#5e342d
```
#5e342d rgb(94,52,45)
```
#575e2d
```
#575e2d rgb(87,94,45)
```

Tetradic Color

#17142a
```
#17142a rgb(23,20,42)
```
#211c3c
```
#211c3c rgb(33,28,60)
```
#2a254d
```
#2a254d rgb(42,37,77)
```
#342d5e
```
#342d5e rgb(52,45,94)
```
#3e356f
```
#3e356f rgb(62,53,111)
```
#473e80
```
#473e80 rgb(71,62,128)
```
#514692
```
#514692 rgb(81,70,146)
```

Monochromatic Color

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

#2d325e
```
#2d325e rgb(45,50,94)
```
#2d2e5e
```
#2d2e5e rgb(45,46,94)
```
#302d5e
```
#302d5e rgb(48,45,94)
```
#342d5e
```
#342d5e rgb(52,45,94)
```
#382d5e
```
#382d5e rgb(56,45,94)
```
#3c2d5e
```
#3c2d5e rgb(60,45,94)
```
#402d5e
```
#402d5e rgb(64,45,94)
```

Similar Colors

Text with hexadecimal color #342d5e

This text has a font color of #342d5e.

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

#342d5e background color

This paragraph has a background color of #342d5e.

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

#342d5e border color

This element has a border color of #342d5e.

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

CSS codes

.text {color:#342d5e;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#08070e
```
#08070e rgb(8,7,14)
```
#0f0d1c
```
#0f0d1c rgb(15,13,28)
```
#171429
```
#171429 rgb(23,20,41)
```
#1e1a36
```
#1e1a36 rgb(30,26,54)
```
#252043
```
#252043 rgb(37,32,67)
```
#2d2751
```
#2d2751 rgb(45,39,81)
```
#342d5e
```
#342d5e rgb(52,45,94)
```
#3b336b
```
#3b336b rgb(59,51,107)
```
#433a79
```
#433a79 rgb(67,58,121)
```
#4a4086
```
#4a4086 rgb(74,64,134)
```
#514693
```
#514693 rgb(81,70,147)
```
#594da0
```
#594da0 rgb(89,77,160)
```

Shade Color Variation

#6054ad
```
#6054ad rgb(96,84,173)
```
#6d61b3
```
#6d61b3 rgb(109,97,179)
```
#796eba
```
#796eba rgb(121,110,186)
```
#857bc0
```
#857bc0 rgb(133,123,192)
```
#9289c6
```
#9289c6 rgb(146,137,198)
```
#9e96cd
```
#9e96cd rgb(158,150,205)
```
#aaa3d3
```
#aaa3d3 rgb(170,163,211)
```
#b6b1d9
```
#b6b1d9 rgb(182,177,217)
```
#c3bee0
```
#c3bee0 rgb(195,190,224)
```
#cfcbe6
```
#cfcbe6 rgb(207,203,230)
```
#dbd8ec
```
#dbd8ec rgb(219,216,236)
```
#e8e6f3
```
#e8e6f3 rgb(232,230,243)
```
#f4f3f9
```
#f4f3f9 rgb(244,243,249)
```

Tint Color Variation

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

#434249
```
#434249 rgb(67,66,73)
```
#3f3d4e
```
#3f3d4e rgb(63,61,78)
```
#3c3853
```
#3c3853 rgb(60,56,83)
```
#383259
```
#383259 rgb(56,50,89)
```
#342d5e
```
#342d5e rgb(52,45,94)
```
#302863
```
#302863 rgb(48,40,99)
```
#2c2269
```
#2c2269 rgb(44,34,105)
```
#291d6e
```
#291d6e rgb(41,29,110)
```
#251873
```
#251873 rgb(37,24,115)
```
#211279
```
#211279 rgb(33,18,121)
```
#1d0d7e
```
#1d0d7e rgb(29,13,126)
```
#190883
```
#190883 rgb(25,8,131)
```
#150289
```
#150289 rgb(21,2,137)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#35333d Atypical Achromatopsia 0.001% of the population

Dichromacy

#253c6a Protanopia 1% of men
#223e63 Deuteranopia 1% of men
#344045 Tritanopia 0.001% of the population

Trichromacy

#2b3766 Protanomaly 1% of men, 0.01% of women
#283861 Deuteranomaly 6% of men, 0.4% of women
#34394e Tritanomaly 0.01% of the population

#342d5e hex color

#342d5e Color Information

#342d5e Color Conversion

Color Schemes with #342d5e

Alternatives to #342d5e

#342d5e Preview

Shades and Tints of #342d5e

Tones of #342d5e

Color Blindness Simulator