#34506e hex color

In a RGB color space, hex #34506e is composed of 20.4% red, 31.4% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 27.3% magenta, 0% yellow and 56.9% black. It has a hue angle of 211 degrees, a saturation of 35.8% and a lightness of 31.8%. #34506e color hex could be obtained by blending #68a0dc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 31
- B 43
RGB color chart
- C 53
- M 27
- Y 0
- K 57
CMYK color chart

● #34506e color description : Very dark desaturated blue.

The hexadecimal color #34506e has RGB values of R:52, G:80, B:110 and CMYK values of C:0.53, M:0.27, Y:0, K:0.57. Its decimal value is 3428462.

Hex triplet	34506e	`#34506e`
RGB Decimal	52, 80, 110	`rgb(52,80,110)`
RGB Percent	20.4, 31.4, 43.1	`rgb(20.4%,31.4%,43.1%)`
CMYK	53, 27, 0, 57
HSL	211°, 35.8, 31.8	`hsl(211,35.8%,31.8%)`
HSV (or HSB)	211°, 52.7, 43.1
Web Safe	336666	`#336666`

CIE-LAB	33.12, -1.161, -20.503
XYZ	7.099, 7.593, 15.842
xyY	0.232, 0.249, 7.593
CIE-LCH	33.12, 20.536, 266.759
CIE-LUV	33.12, -12.634, -27.052
Hunter-Lab	27.555, -2.237, -14.8
Binary	00110100, 01010000, 01101110

#34506e
```
#34506e rgb(52,80,110)
```
#6e5234
```
#6e5234 rgb(110,82,52)
```

Complementary Color

#346d6e
```
#346d6e rgb(52,109,110)
```
#34506e
```
#34506e rgb(52,80,110)
```
#35346e
```
#35346e rgb(53,52,110)
```

Analogous Color

#6d6e34
```
#6d6e34 rgb(109,110,52)
```
#34506e
```
#34506e rgb(52,80,110)
```
#6e3534
```
#6e3534 rgb(110,53,52)
```

Split Complementary Color

#506e34
```
#506e34 rgb(80,110,52)
```
#34506e
```
#34506e rgb(52,80,110)
```
#6e3450
```
#6e3450 rgb(110,52,80)
```

Triadic Color

#346e52
```
#346e52 rgb(52,110,82)
```
#34506e
```
#34506e rgb(52,80,110)
```
#6e3450
```
#6e3450 rgb(110,52,80)
```
#6e5234
```
#6e5234 rgb(110,82,52)
```

Tetradic Color

#1b2a3a
```
#1b2a3a rgb(27,42,58)
```
#24374b
```
#24374b rgb(36,55,75)
```
#2c435d
```
#2c435d rgb(44,67,93)
```
#34506e
```
#34506e rgb(52,80,110)
```
#3c5d7f
```
#3c5d7f rgb(60,93,127)
```
#446991
```
#446991 rgb(68,105,145)
```
#4d76a2
```
#4d76a2 rgb(77,118,162)
```

Monochromatic Color

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

#345f6e
```
#345f6e rgb(52,95,110)
```
#345a6e
```
#345a6e rgb(52,90,110)
```
#34556e
```
#34556e rgb(52,85,110)
```
#34506e
```
#34506e rgb(52,80,110)
```
#344b6e
```
#344b6e rgb(52,75,110)
```
#34466e
```
#34466e rgb(52,70,110)
```
#34426e
```
#34426e rgb(52,66,110)
```

Similar Colors

Text with hexadecimal color #34506e

This text has a font color of #34506e.

<span style="color:#34506e;">Text here</span>

#34506e background color

This paragraph has a background color of #34506e.

<p style="background-color:#34506e;">Content here</p>

#34506e border color

This element has a border color of #34506e.

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

CSS codes

.text {color:#34506e;}

.background {background-color:#34506e;}

.border {border:1px solid #34506e;}

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

#020303
```
#020303 rgb(2,3,3)
```
#080c11
```
#080c11 rgb(8,12,17)
```
#0e161e
```
#0e161e rgb(14,22,30)
```
#15202b
```
#15202b rgb(21,32,43)
```
#1b2939
```
#1b2939 rgb(27,41,57)
```
#213346
```
#213346 rgb(33,51,70)
```
#273d53
```
#273d53 rgb(39,61,83)
```
#2e4661
```
#2e4661 rgb(46,70,97)
```
#34506e
```
#34506e rgb(52,80,110)
```
#3a5a7b
```
#3a5a7b rgb(58,90,123)
```
#416389
```
#416389 rgb(65,99,137)
```
#476d96
```
#476d96 rgb(71,109,150)
```
#4d77a3
```
#4d77a3 rgb(77,119,163)
```

Shade Color Variation

#5580af
```
#5580af rgb(85,128,175)
```
#638ab5
```
#638ab5 rgb(99,138,181)
```
#7094bb
```
#7094bb rgb(112,148,187)
```
#7d9ec2
```
#7d9ec2 rgb(125,158,194)
```
#8ba8c8
```
#8ba8c8 rgb(139,168,200)
```
#98b2ce
```
#98b2ce rgb(152,178,206)
```
#a5bcd5
```
#a5bcd5 rgb(165,188,213)
```
#b3c6db
```
#b3c6db rgb(179,198,219)
```
#c0d0e1
```
#c0d0e1 rgb(192,208,225)
```
#cddae7
```
#cddae7 rgb(205,218,231)
```
#dae4ee
```
#dae4ee rgb(218,228,238)
```
#e8eef4
```
#e8eef4 rgb(232,238,244)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Tint Color Variation

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

#4d5155
```
#4d5155 rgb(77,81,85)
```
#47515b
```
#47515b rgb(71,81,91)
```
#405062
```
#405062 rgb(64,80,98)
```
#3a5068
```
#3a5068 rgb(58,80,104)
```
#34506e
```
#34506e rgb(52,80,110)
```
#2e5074
```
#2e5074 rgb(46,80,116)
```
#28507a
```
#28507a rgb(40,80,122)
```
#214f81
```
#214f81 rgb(33,79,129)
```
#1b4f87
```
#1b4f87 rgb(27,79,135)
```
#154f8d
```
#154f8d rgb(21,79,141)
```
#0f4f93
```
#0f4f93 rgb(15,79,147)
```
#084e9a
```
#084e9a rgb(8,78,154)
```
#024ea0
```
#024ea0 rgb(2,78,160)
```

Tone Color Variation

Below, you can see how #34506e 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

#4b4b4b Achromatopsia 0.005% of the population
#464c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5673 Protanopia 1% of men
#4b5676 Deuteranopia 1% of men
#375c63 Tritanopia 0.001% of the population

Trichromacy

#445371 Protanomaly 1% of men, 0.01% of women
#425373 Deuteranomaly 6% of men, 0.4% of women
#355867 Tritanomaly 0.01% of the population

#34506e hex color

#34506e Color Information

#34506e Color Conversion

Color Schemes with #34506e

Alternatives to #34506e

#34506e Preview

Shades and Tints of #34506e

Tones of #34506e

Color Blindness Simulator