#345c58 hex color

In a RGB color space, hex #345c58 is composed of 20.4% red, 36.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 0% magenta, 4.3% yellow and 63.9% black. It has a hue angle of 174 degrees, a saturation of 27.8% and a lightness of 28.2%. #345c58 color hex could be obtained by blending #68b8b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 36
- B 35
RGB color chart
- C 43
- M 0
- Y 4
- K 64
CMYK color chart

● #345c58 color description : Very dark desaturated cyan.

The hexadecimal color #345c58 has RGB values of R:52, G:92, B:88 and CMYK values of C:0.43, M:0, Y:0.04, K:0.64. Its decimal value is 3431512.

Hex triplet	345c58	`#345c58`
RGB Decimal	52, 92, 88	`rgb(52,92,88)`
RGB Percent	20.4, 36.1, 34.5	`rgb(20.4%,36.1%,34.5%)`
CMYK	43, 0, 4, 64
HSL	174°, 27.8, 28.2	`hsl(174,27.8%,28.2%)`
HSV (or HSB)	174°, 43.5, 36.1
Web Safe	336666	`#336666`

CIE-LAB	36.154, -15.177, -2.134
XYZ	7.004, 9.089, 10.617
xyY	0.262, 0.34, 9.089
CIE-LCH	36.154, 15.326, 188.003
CIE-LUV	36.154, -17.818, -0.666
Hunter-Lab	30.147, -11.286, 0.222
Binary	00110100, 01011100, 01011000

#345c58
```
#345c58 rgb(52,92,88)
```
#5c3438
```
#5c3438 rgb(92,52,56)
```

Complementary Color

#345c44
```
#345c44 rgb(52,92,68)
```
#345c58
```
#345c58 rgb(52,92,88)
```
#344c5c
```
#344c5c rgb(52,76,92)
```

Analogous Color

#5c4434
```
#5c4434 rgb(92,68,52)
```
#345c58
```
#345c58 rgb(52,92,88)
```
#5c344c
```
#5c344c rgb(92,52,76)
```

Split Complementary Color

#5c5834
```
#5c5834 rgb(92,88,52)
```
#345c58
```
#345c58 rgb(52,92,88)
```
#58345c
```
#58345c rgb(88,52,92)
```

Triadic Color

#385c34
```
#385c34 rgb(56,92,52)
```
#345c58
```
#345c58 rgb(52,92,88)
```
#58345c
```
#58345c rgb(88,52,92)
```
#5c3438
```
#5c3438 rgb(92,52,56)
```

Tetradic Color

#182b29
```
#182b29 rgb(24,43,41)
```
#223b39
```
#223b39 rgb(34,59,57)
```
#2b4c48
```
#2b4c48 rgb(43,76,72)
```
#345c58
```
#345c58 rgb(52,92,88)
```
#3d6c68
```
#3d6c68 rgb(61,108,104)
```
#467d77
```
#467d77 rgb(70,125,119)
```
#508d87
```
#508d87 rgb(80,141,135)
```

Monochromatic Color

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

#345c4e
```
#345c4e rgb(52,92,78)
```
#345c51
```
#345c51 rgb(52,92,81)
```
#345c55
```
#345c55 rgb(52,92,85)
```
#345c58
```
#345c58 rgb(52,92,88)
```
#345c5b
```
#345c5b rgb(52,92,91)
```
#34595c
```
#34595c rgb(52,89,92)
```
#34565c
```
#34565c rgb(52,86,92)
```

Similar Colors

Text with hexadecimal color #345c58

This text has a font color of #345c58.

<span style="color:#345c58;">Text here</span>

#345c58 background color

This paragraph has a background color of #345c58.

<p style="background-color:#345c58;">Content here</p>

#345c58 border color

This element has a border color of #345c58.

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

CSS codes

.text {color:#345c58;}

.background {background-color:#345c58;}

.border {border:1px solid #345c58;}

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

#020404
```
#020404 rgb(2,4,4)
```
#0a1110
```
#0a1110 rgb(10,17,16)
```
#111d1c
```
#111d1c rgb(17,29,28)
```
#182a28
```
#182a28 rgb(24,42,40)
```
#1f3634
```
#1f3634 rgb(31,54,52)
```
#264340
```
#264340 rgb(38,67,64)
```
#2d4f4c
```
#2d4f4c rgb(45,79,76)
```
#345c58
```
#345c58 rgb(52,92,88)
```
#3b6964
```
#3b6964 rgb(59,105,100)
```
#427570
```
#427570 rgb(66,117,112)
```
#49827c
```
#49827c rgb(73,130,124)
```
#508e88
```
#508e88 rgb(80,142,136)
```
#579b94
```
#579b94 rgb(87,155,148)
```

Shade Color Variation

#60a59e
```
#60a59e rgb(96,165,158)
```
#6daca6
```
#6daca6 rgb(109,172,166)
```
#79b4ae
```
#79b4ae rgb(121,180,174)
```
#86bbb5
```
#86bbb5 rgb(134,187,181)
```
#92c2bd
```
#92c2bd rgb(146,194,189)
```
#9fc9c5
```
#9fc9c5 rgb(159,201,197)
```
#acd0cc
```
#acd0cc rgb(172,208,204)
```
#b8d7d4
```
#b8d7d4 rgb(184,215,212)
```
#c5dedb
```
#c5dedb rgb(197,222,219)
```
#d1e5e3
```
#d1e5e3 rgb(209,229,227)
```
#deeceb
```
#deeceb rgb(222,236,235)
```
#eaf3f2
```
#eaf3f2 rgb(234,243,242)
```
#f7fafa
```
#f7fafa rgb(247,250,250)
```

Tint Color Variation

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

#454b4b
```
#454b4b rgb(69,75,75)
```
#3f514f
```
#3f514f rgb(63,81,79)
```
#3a5654
```
#3a5654 rgb(58,86,84)
```
#345c58
```
#345c58 rgb(52,92,88)
```
#2e625c
```
#2e625c rgb(46,98,92)
```
#296761
```
#296761 rgb(41,103,97)
```
#236d65
```
#236d65 rgb(35,109,101)
```
#1e726a
```
#1e726a rgb(30,114,106)
```
#18786e
```
#18786e rgb(24,120,110)
```
#137d73
```
#137d73 rgb(19,125,115)
```
#0d8377
```
#0d8377 rgb(13,131,119)
```
#08887b
```
#08887b rgb(8,136,123)
```
#028e80
```
#028e80 rgb(2,142,128)
```

Tone Color Variation

Below, you can see how #345c58 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

#505050 Achromatopsia 0.005% of the population
#4a5252 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5d5c Protanopia 1% of men
#635b63 Deuteranopia 1% of men
#41636a Tritanopia 0.001% of the population

Trichromacy

#4f5c5b Protanomaly 1% of men, 0.01% of women
#525b5f Deuteranomaly 6% of men, 0.4% of women
#3c6063 Tritanomaly 0.01% of the population

#345c58 hex color

#345c58 Color Information

#345c58 Color Conversion

Color Schemes with #345c58

Alternatives to #345c58

#345c58 Preview

Shades and Tints of #345c58

Tones of #345c58

Color Blindness Simulator