#34515e hex color

In a RGB color space, hex #34515e is composed of 20.4% red, 31.8% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 13.8% magenta, 0% yellow and 63.1% black. It has a hue angle of 198.6 degrees, a saturation of 28.8% and a lightness of 28.6%. #34515e color hex could be obtained by blending #68a2bc with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #34515e has RGB values of R:52, G:81, B:94 and CMYK values of C:0.45, M:0.14, Y:0, K:0.63. Its decimal value is 3428702.

Hex triplet	34515e	`#34515e`
RGB Decimal	52, 81, 94	`rgb(52,81,94)`
RGB Percent	20.4, 31.8, 36.9	`rgb(20.4%,31.8%,36.9%)`
CMYK	45, 14, 0, 63
HSL	198.6°, 28.8, 28.6	`hsl(198.6,28.8%,28.6%)`
HSV (or HSB)	198.6°, 44.7, 36.9
Web Safe	336666	`#336666`

CIE-LAB	32.751, -6.945, -10.992
XYZ	6.378, 7.423, 11.686
xyY	0.25, 0.291, 7.423
CIE-LCH	32.751, 13.002, 237.716
CIE-LUV	32.751, -13.13, -13.227
Hunter-Lab	27.245, -5.888, -6.359
Binary	00110100, 01010001, 01011110

#34515e
```
#34515e rgb(52,81,94)
```
#5e4134
```
#5e4134 rgb(94,65,52)
```

Complementary Color

#345e56
```
#345e56 rgb(52,94,86)
```
#34515e
```
#34515e rgb(52,81,94)
```
#343c5e
```
#343c5e rgb(52,60,94)
```

Analogous Color

#5e5634
```
#5e5634 rgb(94,86,52)
```
#34515e
```
#34515e rgb(52,81,94)
```
#5e343c
```
#5e343c rgb(94,52,60)
```

Split Complementary Color

#515e34
```
#515e34 rgb(81,94,52)
```
#34515e
```
#34515e rgb(52,81,94)
```
#5e3451
```
#5e3451 rgb(94,52,81)
```

Triadic Color

#345e41
```
#345e41 rgb(52,94,65)
```
#34515e
```
#34515e rgb(52,81,94)
```
#5e3451
```
#5e3451 rgb(94,52,81)
```
#5e4134
```
#5e4134 rgb(94,65,52)
```

Tetradic Color

#19272d
```
#19272d rgb(25,39,45)
```
#22353d
```
#22353d rgb(34,53,61)
```
#2b434e
```
#2b434e rgb(43,67,78)
```
#34515e
```
#34515e rgb(52,81,94)
```
#3d5f6e
```
#3d5f6e rgb(61,95,110)
```
#466d7f
```
#466d7f rgb(70,109,127)
```
#4f7b8f
```
#4f7b8f rgb(79,123,143)
```

Monochromatic Color

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

#345c5e
```
#345c5e rgb(52,92,94)
```
#34585e
```
#34585e rgb(52,88,94)
```
#34555e
```
#34555e rgb(52,85,94)
```
#34515e
```
#34515e rgb(52,81,94)
```
#344e5e
```
#344e5e rgb(52,78,94)
```
#344a5e
```
#344a5e rgb(52,74,94)
```
#34475e
```
#34475e rgb(52,71,94)
```

Similar Colors

Text with hexadecimal color #34515e

This text has a font color of #34515e.

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

#34515e background color

This paragraph has a background color of #34515e.

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

#34515e border color

This element has a border color of #34515e.

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

CSS codes

.text {color:#34515e;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1012
```
#0a1012 rgb(10,16,18)
```
#111b1f
```
#111b1f rgb(17,27,31)
```
#18252b
```
#18252b rgb(24,37,43)
```
#1f3038
```
#1f3038 rgb(31,48,56)
```
#263b45
```
#263b45 rgb(38,59,69)
```
#2d4651
```
#2d4651 rgb(45,70,81)
```
#34515e
```
#34515e rgb(52,81,94)
```
#3b5c6b
```
#3b5c6b rgb(59,92,107)
```
#426777
```
#426777 rgb(66,103,119)
```
#497284
```
#497284 rgb(73,114,132)
```
#507d91
```
#507d91 rgb(80,125,145)
```
#57879d
```
#57879d rgb(87,135,157)
```

Shade Color Variation

#6091a7
```
#6091a7 rgb(96,145,167)
```
#6d9aae
```
#6d9aae rgb(109,154,174)
```
#7aa3b5
```
#7aa3b5 rgb(122,163,181)
```
#86acbc
```
#86acbc rgb(134,172,188)
```
#93b4c3
```
#93b4c3 rgb(147,180,195)
```
#a0bdca
```
#a0bdca rgb(160,189,202)
```
#acc6d1
```
#acc6d1 rgb(172,198,209)
```
#b9ced8
```
#b9ced8 rgb(185,206,216)
```
#c5d7df
```
#c5d7df rgb(197,215,223)
```
#d2e0e6
```
#d2e0e6 rgb(210,224,230)
```
#dfe9ed
```
#dfe9ed rgb(223,233,237)
```
#ebf1f4
```
#ebf1f4 rgb(235,241,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#454b4d
```
#454b4d rgb(69,75,77)
```
#3f4d53
```
#3f4d53 rgb(63,77,83)
```
#3a4f58
```
#3a4f58 rgb(58,79,88)
```
#34515e
```
#34515e rgb(52,81,94)
```
#2e5364
```
#2e5364 rgb(46,83,100)
```
#295569
```
#295569 rgb(41,85,105)
```
#23576f
```
#23576f rgb(35,87,111)
```
#1e5a74
```
#1e5a74 rgb(30,90,116)
```
#185c7a
```
#185c7a rgb(24,92,122)
```
#125e80
```
#125e80 rgb(18,94,128)
```
#0d6085
```
#0d6085 rgb(13,96,133)
```
#07628b
```
#07628b rgb(7,98,139)
```
#016491
```
#016491 rgb(1,100,145)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#464b4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#535563 Protanopia 1% of men
#545468 Deuteranopia 1% of men
#3c5a61 Tritanopia 0.001% of the population

Trichromacy

#475361 Protanomaly 1% of men, 0.01% of women
#485364 Deuteranomaly 6% of men, 0.4% of women
#395760 Tritanomaly 0.01% of the population

#34515e hex color

#34515e Color Information

#34515e Color Conversion

Color Schemes with #34515e

Alternatives to #34515e

#34515e Preview

Shades and Tints of #34515e

Tones of #34515e

Color Blindness Simulator