#34506f hex color

In a RGB color space, hex #34506f is composed of 20.4% red, 31.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 27.9% magenta, 0% yellow and 56.5% black. It has a hue angle of 211.5 degrees, a saturation of 36.2% and a lightness of 32%. #34506f color hex could be obtained by blending #68a0de with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 31
- B 44
RGB color chart
- C 53
- M 28
- Y 0
- K 56
CMYK color chart

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

The hexadecimal color #34506f has RGB values of R:52, G:80, B:111 and CMYK values of C:0.53, M:0.28, Y:0, K:0.56. Its decimal value is 3428463.

Hex triplet	34506f	`#34506f`
RGB Decimal	52, 80, 111	`rgb(52,80,111)`
RGB Percent	20.4, 31.4, 43.5	`rgb(20.4%,31.4%,43.5%)`
CMYK	53, 28, 0, 56
HSL	211.5°, 36.2, 32	`hsl(211.5,36.2%,32%)`
HSV (or HSB)	211.5°, 53.2, 43.5
Web Safe	336666	`#336666`

CIE-LAB	33.167, -0.824, -21.056
XYZ	7.153, 7.615, 16.131
xyY	0.232, 0.246, 7.615
CIE-LCH	33.167, 21.072, 267.758
CIE-LUV	33.167, -12.63, -27.876
Hunter-Lab	27.595, -2.018, -15.342
Binary	00110100, 01010000, 01101111

#34506f
```
#34506f rgb(52,80,111)
```
#6f5334
```
#6f5334 rgb(111,83,52)
```

Complementary Color

#346e6f
```
#346e6f rgb(52,110,111)
```
#34506f
```
#34506f rgb(52,80,111)
```
#36346f
```
#36346f rgb(54,52,111)
```

Analogous Color

#6e6f34
```
#6e6f34 rgb(110,111,52)
```
#34506f
```
#34506f rgb(52,80,111)
```
#6f3634
```
#6f3634 rgb(111,54,52)
```

Split Complementary Color

#506f34
```
#506f34 rgb(80,111,52)
```
#34506f
```
#34506f rgb(52,80,111)
```
#6f3450
```
#6f3450 rgb(111,52,80)
```

Triadic Color

#346f53
```
#346f53 rgb(52,111,83)
```
#34506f
```
#34506f rgb(52,80,111)
```
#6f3450
```
#6f3450 rgb(111,52,80)
```
#6f5334
```
#6f5334 rgb(111,83,52)
```

Tetradic Color

#1c2a3b
```
#1c2a3b rgb(28,42,59)
```
#24374c
```
#24374c rgb(36,55,76)
```
#2c435e
```
#2c435e rgb(44,67,94)
```
#34506f
```
#34506f rgb(52,80,111)
```
#3c5d80
```
#3c5d80 rgb(60,93,128)
```
#446992
```
#446992 rgb(68,105,146)
```
#4c76a3
```
#4c76a3 rgb(76,118,163)
```

Monochromatic Color

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

#345f6f
```
#345f6f rgb(52,95,111)
```
#345a6f
```
#345a6f rgb(52,90,111)
```
#34556f
```
#34556f rgb(52,85,111)
```
#34506f
```
#34506f rgb(52,80,111)
```
#344b6f
```
#344b6f rgb(52,75,111)
```
#34466f
```
#34466f rgb(52,70,111)
```
#34416f
```
#34416f rgb(52,65,111)
```

Similar Colors

Text with hexadecimal color #34506f

This text has a font color of #34506f.

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

#34506f background color

This paragraph has a background color of #34506f.

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

#34506f border color

This element has a border color of #34506f.

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

CSS codes

.text {color:#34506f;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080d11
```
#080d11 rgb(8,13,17)
```
#0e161f
```
#0e161f rgb(14,22,31)
```
#15202c
```
#15202c rgb(21,32,44)
```
#1b293a
```
#1b293a rgb(27,41,58)
```
#213347
```
#213347 rgb(33,51,71)
```
#273d54
```
#273d54 rgb(39,61,84)
```
#2e4662
```
#2e4662 rgb(46,70,98)
```
#34506f
```
#34506f rgb(52,80,111)
```
#3a5a7c
```
#3a5a7c rgb(58,90,124)
```
#41638a
```
#41638a rgb(65,99,138)
```
#476d97
```
#476d97 rgb(71,109,151)
```
#4d77a4
```
#4d77a4 rgb(77,119,164)
```

Shade Color Variation

#5580b0
```
#5580b0 rgb(85,128,176)
```
#638ab6
```
#638ab6 rgb(99,138,182)
```
#7094bc
```
#7094bc rgb(112,148,188)
```
#7e9ec2
```
#7e9ec2 rgb(126,158,194)
```
#8ba8c9
```
#8ba8c9 rgb(139,168,201)
```
#98b2cf
```
#98b2cf rgb(152,178,207)
```
#a6bcd5
```
#a6bcd5 rgb(166,188,213)
```
#b3c6db
```
#b3c6db rgb(179,198,219)
```
#c0d0e2
```
#c0d0e2 rgb(192,208,226)
```
#cedae8
```
#cedae8 rgb(206,218,232)
```
#dbe4ee
```
#dbe4ee rgb(219,228,238)
```
#e8eef4
```
#e8eef4 rgb(232,238,244)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

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

#4d5156
```
#4d5156 rgb(77,81,86)
```
#47515c
```
#47515c rgb(71,81,92)
```
#415162
```
#415162 rgb(65,81,98)
```
#3a5069
```
#3a5069 rgb(58,80,105)
```
#34506f
```
#34506f rgb(52,80,111)
```
#2e5075
```
#2e5075 rgb(46,80,117)
```
#274f7c
```
#274f7c rgb(39,79,124)
```
#214f82
```
#214f82 rgb(33,79,130)
```
#1b4f88
```
#1b4f88 rgb(27,79,136)
```
#154e8e
```
#154e8e rgb(21,78,142)
```
#0e4e95
```
#0e4e95 rgb(14,78,149)
```
#084e9b
```
#084e9b rgb(8,78,155)
```
#024da1
```
#024da1 rgb(2,77,161)
```

Tone Color Variation

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

#4d5674 Protanopia 1% of men
#4a5677 Deuteranopia 1% of men
#365c63 Tritanopia 0.001% of the population

Trichromacy

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

#34506f hex color

#34506f Color Information

#34506f Color Conversion

Color Schemes with #34506f

Alternatives to #34506f

#34506f Preview

Shades and Tints of #34506f

Tones of #34506f

Color Blindness Simulator