#345c57 hex color

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

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

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

The hexadecimal color #345c57 has RGB values of R:52, G:92, B:87 and CMYK values of C:0.43, M:0, Y:0.05, K:0.64. Its decimal value is 3431511.

Hex triplet	345c57	`#345c57`
RGB Decimal	52, 92, 87	`rgb(52,92,87)`
RGB Percent	20.4, 36.1, 34.1	`rgb(20.4%,36.1%,34.1%)`
CMYK	43, 0, 5, 64
HSL	172.5°, 27.8, 28.2	`hsl(172.5,27.8%,28.2%)`
HSV (or HSB)	172.5°, 43.5, 36.1
Web Safe	336666	`#336666`

CIE-LAB	36.123, -15.452, -1.557
XYZ	6.963, 9.072, 10.4
xyY	0.263, 0.343, 9.072
CIE-LCH	36.123, 15.53, 185.755
CIE-LUV	36.123, -17.842, 0.116
Hunter-Lab	30.12, -11.444, 0.611
Binary	00110100, 01011100, 01010111

#345c57
```
#345c57 rgb(52,92,87)
```
#5c3439
```
#5c3439 rgb(92,52,57)
```

Complementary Color

#345c43
```
#345c43 rgb(52,92,67)
```
#345c57
```
#345c57 rgb(52,92,87)
```
#344d5c
```
#344d5c rgb(52,77,92)
```

Analogous Color

#5c4334
```
#5c4334 rgb(92,67,52)
```
#345c57
```
#345c57 rgb(52,92,87)
```
#5c344d
```
#5c344d rgb(92,52,77)
```

Split Complementary Color

#5c5734
```
#5c5734 rgb(92,87,52)
```
#345c57
```
#345c57 rgb(52,92,87)
```
#57345c
```
#57345c rgb(87,52,92)
```

Triadic Color

#395c34
```
#395c34 rgb(57,92,52)
```
#345c57
```
#345c57 rgb(52,92,87)
```
#57345c
```
#57345c rgb(87,52,92)
```
#5c3439
```
#5c3439 rgb(92,52,57)
```

Tetradic Color

#182b29
```
#182b29 rgb(24,43,41)
```
#223b38
```
#223b38 rgb(34,59,56)
```
#2b4c48
```
#2b4c48 rgb(43,76,72)
```
#345c57
```
#345c57 rgb(52,92,87)
```
#3d6c66
```
#3d6c66 rgb(61,108,102)
```
#467d76
```
#467d76 rgb(70,125,118)
```
#508d85
```
#508d85 rgb(80,141,133)
```

Monochromatic Color

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

#345c4d
```
#345c4d rgb(52,92,77)
```
#345c50
```
#345c50 rgb(52,92,80)
```
#345c54
```
#345c54 rgb(52,92,84)
```
#345c57
```
#345c57 rgb(52,92,87)
```
#345c5a
```
#345c5a rgb(52,92,90)
```
#345a5c
```
#345a5c rgb(52,90,92)
```
#34575c
```
#34575c rgb(52,87,92)
```

Similar Colors

Text with hexadecimal color #345c57

This text has a font color of #345c57.

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

#345c57 background color

This paragraph has a background color of #345c57.

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

#345c57 border color

This element has a border color of #345c57.

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

CSS codes

.text {color:#345c57;}

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

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

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)
```
#1f3633
```
#1f3633 rgb(31,54,51)
```
#26433f
```
#26433f rgb(38,67,63)
```
#2d4f4b
```
#2d4f4b rgb(45,79,75)
```
#345c57
```
#345c57 rgb(52,92,87)
```
#3b6963
```
#3b6963 rgb(59,105,99)
```
#42756f
```
#42756f rgb(66,117,111)
```
#49827b
```
#49827b rgb(73,130,123)
```
#508e86
```
#508e86 rgb(80,142,134)
```
#579b92
```
#579b92 rgb(87,155,146)
```

Shade Color Variation

#60a59d
```
#60a59d rgb(96,165,157)
```
#6daca4
```
#6daca4 rgb(109,172,164)
```
#79b4ac
```
#79b4ac rgb(121,180,172)
```
#86bbb4
```
#86bbb4 rgb(134,187,180)
```
#92c2bc
```
#92c2bc rgb(146,194,188)
```
#9fc9c4
```
#9fc9c4 rgb(159,201,196)
```
#acd0cb
```
#acd0cb rgb(172,208,203)
```
#b8d7d3
```
#b8d7d3 rgb(184,215,211)
```
#c5dedb
```
#c5dedb rgb(197,222,219)
```
#d1e5e3
```
#d1e5e3 rgb(209,229,227)
```
#deecea
```
#deecea rgb(222,236,234)
```
#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 #028e7c is the most saturated one.

#454b4b
```
#454b4b rgb(69,75,75)
```
#3f514f
```
#3f514f rgb(63,81,79)
```
#3a5653
```
#3a5653 rgb(58,86,83)
```
#345c57
```
#345c57 rgb(52,92,87)
```
#2e625b
```
#2e625b rgb(46,98,91)
```
#29675f
```
#29675f rgb(41,103,95)
```
#236d63
```
#236d63 rgb(35,109,99)
```
#1e7268
```
#1e7268 rgb(30,114,104)
```
#18786c
```
#18786c rgb(24,120,108)
```
#137d70
```
#137d70 rgb(19,125,112)
```
#0d8374
```
#0d8374 rgb(13,131,116)
```
#088878
```
#088878 rgb(8,136,120)
```
#028e7c
```
#028e7c rgb(2,142,124)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4a5251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5d5c Protanopia 1% of men
#645b62 Deuteranopia 1% of men
#41626a Tritanopia 0.001% of the population

Trichromacy

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

#345c57 hex color

#345c57 Color Information

#345c57 Color Conversion

Color Schemes with #345c57

Alternatives to #345c57

#345c57 Preview

Shades and Tints of #345c57

Tones of #345c57

Color Blindness Simulator