#342d53 hex color

In a RGB color space, hex #342d53 is composed of 20.4% red, 17.6% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 37.3% cyan, 45.8% magenta, 0% yellow and 67.5% black. It has a hue angle of 251.1 degrees, a saturation of 29.7% and a lightness of 25.1%. #342d53 color hex could be obtained by blending #685aa6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 18
- B 33
RGB color chart
- C 37
- M 46
- Y 0
- K 67
CMYK color chart

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

The hexadecimal color #342d53 has RGB values of R:52, G:45, B:83 and CMYK values of C:0.37, M:0.46, Y:0, K:0.67. Its decimal value is 3419475.

Hex triplet	342d53	`#342d53`
RGB Decimal	52, 45, 83	`rgb(52,45,83)`
RGB Percent	20.4, 17.6, 32.5	`rgb(20.4%,17.6%,32.5%)`
CMYK	37, 46, 0, 67
HSL	251.1°, 29.7, 25.1	`hsl(251.1,29.7%,25.1%)`
HSV (or HSB)	251.1°, 45.8, 32.5
Web Safe	333366	`#333366`

CIE-LAB	20.947, 13.43, -22.11
XYZ	3.916, 3.231, 8.601
xyY	0.249, 0.205, 3.231
CIE-LCH	20.947, 25.869, 301.274
CIE-LUV	20.947, 0.675, -26.247
Hunter-Lab	17.976, 7.424, -15.784
Binary	00110100, 00101101, 01010011

#342d53
```
#342d53 rgb(52,45,83)
```
#4c532d
```
#4c532d rgb(76,83,45)
```

Complementary Color

#2d3953
```
#2d3953 rgb(45,57,83)
```
#342d53
```
#342d53 rgb(52,45,83)
```
#472d53
```
#472d53 rgb(71,45,83)
```

Analogous Color

#39532d
```
#39532d rgb(57,83,45)
```
#342d53
```
#342d53 rgb(52,45,83)
```
#53472d
```
#53472d rgb(83,71,45)
```

Split Complementary Color

#2d5334
```
#2d5334 rgb(45,83,52)
```
#342d53
```
#342d53 rgb(52,45,83)
```
#53342d
```
#53342d rgb(83,52,45)
```

Triadic Color

#2d4c53
```
#2d4c53 rgb(45,76,83)
```
#342d53
```
#342d53 rgb(52,45,83)
```
#53342d
```
#53342d rgb(83,52,45)
```
#4c532d
```
#4c532d rgb(76,83,45)
```

Tetradic Color

#151221
```
#151221 rgb(21,18,33)
```
#1f1b32
```
#1f1b32 rgb(31,27,50)
```
#2a2442
```
#2a2442 rgb(42,36,66)
```
#342d53
```
#342d53 rgb(52,45,83)
```
#3e3664
```
#3e3664 rgb(62,54,100)
```
#493f74
```
#493f74 rgb(73,63,116)
```
#534885
```
#534885 rgb(83,72,133)
```

Monochromatic Color

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

#2d3053
```
#2d3053 rgb(45,48,83)
```
#2e2d53
```
#2e2d53 rgb(46,45,83)
```
#312d53
```
#312d53 rgb(49,45,83)
```
#342d53
```
#342d53 rgb(52,45,83)
```
#372d53
```
#372d53 rgb(55,45,83)
```
#3a2d53
```
#3a2d53 rgb(58,45,83)
```
#3e2d53
```
#3e2d53 rgb(62,45,83)
```

Similar Colors

Text with hexadecimal color #342d53

This text has a font color of #342d53.

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

#342d53 background color

This paragraph has a background color of #342d53.

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

#342d53 border color

This element has a border color of #342d53.

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

CSS codes

.text {color:#342d53;}

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

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0c0b13
```
#0c0b13 rgb(12,11,19)
```
#141120
```
#141120 rgb(20,17,32)
```
#1c182d
```
#1c182d rgb(28,24,45)
```
#241f3a
```
#241f3a rgb(36,31,58)
```
#2c2646
```
#2c2646 rgb(44,38,70)
```
#342d53
```
#342d53 rgb(52,45,83)
```
#3c3460
```
#3c3460 rgb(60,52,96)
```
#443b6c
```
#443b6c rgb(68,59,108)
```
#4c4279
```
#4c4279 rgb(76,66,121)
```
#544986
```
#544986 rgb(84,73,134)
```
#5c4f93
```
#5c4f93 rgb(92,79,147)
```
#64569f
```
#64569f rgb(100,86,159)
```

Shade Color Variation

#6e60a9
```
#6e60a9 rgb(110,96,169)
```
#796db0
```
#796db0 rgb(121,109,176)
```
#857ab7
```
#857ab7 rgb(133,122,183)
```
#9186be
```
#9186be rgb(145,134,190)
```
#9c93c5
```
#9c93c5 rgb(156,147,197)
```
#a8a0cb
```
#a8a0cb rgb(168,160,203)
```
#b4add2
```
#b4add2 rgb(180,173,210)
```
#bfb9d9
```
#bfb9d9 rgb(191,185,217)
```
#cbc6e0
```
#cbc6e0 rgb(203,198,224)
```
#d7d3e7
```
#d7d3e7 rgb(215,211,231)
```
#e2e0ee
```
#e2e0ee rgb(226,224,238)
```
#eeecf5
```
#eeecf5 rgb(238,236,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#3d3c44
```
#3d3c44 rgb(61,60,68)
```
#3a3749
```
#3a3749 rgb(58,55,73)
```
#37324e
```
#37324e rgb(55,50,78)
```
#342d53
```
#342d53 rgb(52,45,83)
```
#312858
```
#312858 rgb(49,40,88)
```
#2e235d
```
#2e235d rgb(46,35,93)
```
#2b1e62
```
#2b1e62 rgb(43,30,98)
```
#281967
```
#281967 rgb(40,25,103)
```
#24146c
```
#24146c rgb(36,20,108)
```
#210f71
```
#210f71 rgb(33,15,113)
```
#1e0b75
```
#1e0b75 rgb(30,11,117)
```
#1b067a
```
#1b067a rgb(27,6,122)
```
#18017f
```
#18017f rgb(24,1,127)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#333239 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d3b5f Protanopia 1% of men
#2d3c5a Deuteranopia 1% of men
#373d42 Tritanopia 0.001% of the population

Trichromacy

#30365a Protanomaly 1% of men, 0.01% of women
#2f3757 Deuteranomaly 6% of men, 0.4% of women
#363748 Tritanomaly 0.01% of the population

#342d53 hex color

#342d53 Color Information

#342d53 Color Conversion

Color Schemes with #342d53

Alternatives to #342d53

#342d53 Preview

Shades and Tints of #342d53

Tones of #342d53

Color Blindness Simulator