#34585a hex color

In a RGB color space, hex #34585a is composed of 20.4% red, 34.5% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 2.2% magenta, 0% yellow and 64.7% black. It has a hue angle of 183.2 degrees, a saturation of 26.8% and a lightness of 27.8%. #34585a color hex could be obtained by blending #68b0b4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 35
- B 35
RGB color chart
- C 42
- M 2
- Y 0
- K 65
CMYK color chart

● #34585a color description : Very dark desaturated cyan.

The hexadecimal color #34585a has RGB values of R:52, G:88, B:90 and CMYK values of C:0.42, M:0.02, Y:0, K:0.65. Its decimal value is 3430490.

Hex triplet	34585a	`#34585a`
RGB Decimal	52, 88, 90	`rgb(52,88,90)`
RGB Percent	20.4, 34.5, 35.3	`rgb(20.4%,34.5%,35.3%)`
CMYK	42, 2, 0, 65
HSL	183.2°, 26.8, 27.8	`hsl(183.2,26.8%,27.8%)`
HSV (or HSB)	183.2°, 42.2, 35.3
Web Safe	336666	`#336666`

CIE-LAB	34.898, -12.32, -5.244
XYZ	6.751, 8.447, 10.947
xyY	0.258, 0.323, 8.447
CIE-LCH	34.898, 13.389, 203.057
CIE-LUV	34.898, -16.089, -5.072
Hunter-Lab	29.064, -9.402, -1.987
Binary	00110100, 01011000, 01011010

#34585a
```
#34585a rgb(52,88,90)
```
#5a3634
```
#5a3634 rgb(90,54,52)
```

Complementary Color

#345a49
```
#345a49 rgb(52,90,73)
```
#34585a
```
#34585a rgb(52,88,90)
```
#34455a
```
#34455a rgb(52,69,90)
```

Analogous Color

#5a4934
```
#5a4934 rgb(90,73,52)
```
#34585a
```
#34585a rgb(52,88,90)
```
#5a3445
```
#5a3445 rgb(90,52,69)
```

Split Complementary Color

#585a34
```
#585a34 rgb(88,90,52)
```
#34585a
```
#34585a rgb(52,88,90)
```
#5a3458
```
#5a3458 rgb(90,52,88)
```

Triadic Color

#345a36
```
#345a36 rgb(52,90,54)
```
#34585a
```
#34585a rgb(52,88,90)
```
#5a3458
```
#5a3458 rgb(90,52,88)
```
#5a3634
```
#5a3634 rgb(90,54,52)
```

Tetradic Color

#18292a
```
#18292a rgb(24,41,42)
```
#21383a
```
#21383a rgb(33,56,58)
```
#2b484a
```
#2b484a rgb(43,72,74)
```
#34585a
```
#34585a rgb(52,88,90)
```
#3d686a
```
#3d686a rgb(61,104,106)
```
#47787a
```
#47787a rgb(71,120,122)
```
#50878a
```
#50878a rgb(80,135,138)
```

Monochromatic Color

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

#345a53
```
#345a53 rgb(52,90,83)
```
#345a56
```
#345a56 rgb(52,90,86)
```
#345a59
```
#345a59 rgb(52,90,89)
```
#34585a
```
#34585a rgb(52,88,90)
```
#34555a
```
#34555a rgb(52,85,90)
```
#34525a
```
#34525a rgb(52,82,90)
```
#344f5a
```
#344f5a rgb(52,79,90)
```

Similar Colors

Text with hexadecimal color #34585a

This text has a font color of #34585a.

<span style="color:#34585a;">Text here</span>

#34585a background color

This paragraph has a background color of #34585a.

<p style="background-color:#34585a;">Content here</p>

#34585a border color

This element has a border color of #34585a.

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

CSS codes

.text {color:#34585a;}

.background {background-color:#34585a;}

.border {border:1px solid #34585a;}

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 #f6f9fa is the lightest one.

#020303
```
#020303 rgb(2,3,3)
```
#090f0f
```
#090f0f rgb(9,15,15)
```
#101b1c
```
#101b1c rgb(16,27,28)
```
#172728
```
#172728 rgb(23,39,40)
```
#1e3435
```
#1e3435 rgb(30,52,53)
```
#264041
```
#264041 rgb(38,64,65)
```
#2d4c4e
```
#2d4c4e rgb(45,76,78)
```
#34585a
```
#34585a rgb(52,88,90)
```
#3b6466
```
#3b6466 rgb(59,100,102)
```
#427073
```
#427073 rgb(66,112,115)
```
#4a7c7f
```
#4a7c7f rgb(74,124,127)
```
#51898c
```
#51898c rgb(81,137,140)
```
#589598
```
#589598 rgb(88,149,152)
```

Shade Color Variation

#60a0a3
```
#60a0a3 rgb(96,160,163)
```
#6da7ab
```
#6da7ab rgb(109,167,171)
```
#79afb2
```
#79afb2 rgb(121,175,178)
```
#86b6b9
```
#86b6b9 rgb(134,182,185)
```
#92bec0
```
#92bec0 rgb(146,190,192)
```
#9fc5c7
```
#9fc5c7 rgb(159,197,199)
```
#abcdce
```
#abcdce rgb(171,205,206)
```
#b7d4d6
```
#b7d4d6 rgb(183,212,214)
```
#c4dbdd
```
#c4dbdd rgb(196,219,221)
```
#d0e3e4
```
#d0e3e4 rgb(208,227,228)
```
#ddeaeb
```
#ddeaeb rgb(221,234,235)
```
#e9f2f2
```
#e9f2f2 rgb(233,242,242)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Tint Color Variation

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

#44494a
```
#44494a rgb(68,73,74)
```
#3f4e4f
```
#3f4e4f rgb(63,78,79)
```
#395355
```
#395355 rgb(57,83,85)
```
#34585a
```
#34585a rgb(52,88,90)
```
#2f5d5f
```
#2f5d5f rgb(47,93,95)
```
#296265
```
#296265 rgb(41,98,101)
```
#24676a
```
#24676a rgb(36,103,106)
```
#1e6c70
```
#1e6c70 rgb(30,108,112)
```
#197075
```
#197075 rgb(25,112,117)
```
#13757b
```
#13757b rgb(19,117,123)
```
#0e7a80
```
#0e7a80 rgb(14,122,128)
```
#087f86
```
#087f86 rgb(8,127,134)
```
#03848b
```
#03848b rgb(3,132,139)
```

Tone Color Variation

Below, you can see how #34585a 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

#4d4d4d Achromatopsia 0.005% of the population
#484f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5a5f Protanopia 1% of men
#5e5865 Deuteranopia 1% of men
#405f66 Tritanopia 0.001% of the population

Trichromacy

#4d595d Protanomaly 1% of men, 0.01% of women
#4f5861 Deuteranomaly 6% of men, 0.4% of women
#3b5d62 Tritanomaly 0.01% of the population

#34585a hex color

#34585a Color Information

#34585a Color Conversion

Color Schemes with #34585a

Alternatives to #34585a

#34585a Preview

Shades and Tints of #34585a

Tones of #34585a

Color Blindness Simulator