#345f58 hex color

In a RGB color space, hex #345f58 is composed of 20.4% red, 37.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 0% magenta, 7.4% yellow and 62.7% black. It has a hue angle of 170.2 degrees, a saturation of 29.3% and a lightness of 28.8%. #345f58 color hex could be obtained by blending #68beb0 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #345f58 has RGB values of R:52, G:95, B:88 and CMYK values of C:0.45, M:0, Y:0.07, K:0.63. Its decimal value is 3432280.

Hex triplet	345f58	`#345f58`
RGB Decimal	52, 95, 88	`rgb(52,95,88)`
RGB Percent	20.4, 37.3, 34.5	`rgb(20.4%,37.3%,34.5%)`
CMYK	45, 0, 7, 63
HSL	170.2°, 29.3, 28.8	`hsl(170.2,29.3%,28.8%)`
HSV (or HSB)	170.2°, 45.3, 37.3
Web Safe	336666	`#336666`

CIE-LAB	37.149, -16.853, -0.673
XYZ	7.269, 9.619, 10.706
xyY	0.263, 0.349, 9.619
CIE-LCH	37.149, 16.867, 182.287
CIE-LUV	37.149, -19.087, 1.448
Hunter-Lab	31.014, -12.436, 1.244
Binary	00110100, 01011111, 01011000

#345f58
```
#345f58 rgb(52,95,88)
```
#5f343b
```
#5f343b rgb(95,52,59)
```

Complementary Color

#345f43
```
#345f43 rgb(52,95,67)
```
#345f58
```
#345f58 rgb(52,95,88)
```
#34515f
```
#34515f rgb(52,81,95)
```

Analogous Color

#5f4334
```
#5f4334 rgb(95,67,52)
```
#345f58
```
#345f58 rgb(52,95,88)
```
#5f3451
```
#5f3451 rgb(95,52,81)
```

Split Complementary Color

#5f5834
```
#5f5834 rgb(95,88,52)
```
#345f58
```
#345f58 rgb(52,95,88)
```
#58345f
```
#58345f rgb(88,52,95)
```

Triadic Color

#3b5f34
```
#3b5f34 rgb(59,95,52)
```
#345f58
```
#345f58 rgb(52,95,88)
```
#58345f
```
#58345f rgb(88,52,95)
```
#5f343b
```
#5f343b rgb(95,52,59)
```

Tetradic Color

#192e2a
```
#192e2a rgb(25,46,42)
```
#223e39
```
#223e39 rgb(34,62,57)
```
#2b4f49
```
#2b4f49 rgb(43,79,73)
```
#345f58
```
#345f58 rgb(52,95,88)
```
#3d6f67
```
#3d6f67 rgb(61,111,103)
```
#468077
```
#468077 rgb(70,128,119)
```
#4f9086
```
#4f9086 rgb(79,144,134)
```

Monochromatic Color

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

#345f4d
```
#345f4d rgb(52,95,77)
```
#345f51
```
#345f51 rgb(52,95,81)
```
#345f54
```
#345f54 rgb(52,95,84)
```
#345f58
```
#345f58 rgb(52,95,88)
```
#345f5c
```
#345f5c rgb(52,95,92)
```
#345f5f
```
#345f5f rgb(52,95,95)
```
#345b5f
```
#345b5f rgb(52,91,95)
```

Similar Colors

Text with hexadecimal color #345f58

This text has a font color of #345f58.

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

#345f58 background color

This paragraph has a background color of #345f58.

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

#345f58 border color

This element has a border color of #345f58.

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

CSS codes

.text {color:#345f58;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#0a1312
```
#0a1312 rgb(10,19,18)
```
#11201d
```
#11201d rgb(17,32,29)
```
#182c29
```
#182c29 rgb(24,44,41)
```
#1f3935
```
#1f3935 rgb(31,57,53)
```
#264641
```
#264641 rgb(38,70,65)
```
#2d524c
```
#2d524c rgb(45,82,76)
```
#345f58
```
#345f58 rgb(52,95,88)
```
#3b6c64
```
#3b6c64 rgb(59,108,100)
```
#42786f
```
#42786f rgb(66,120,111)
```
#49857b
```
#49857b rgb(73,133,123)
```
#509287
```
#509287 rgb(80,146,135)
```
#579e93
```
#579e93 rgb(87,158,147)
```

Shade Color Variation

#60a89d
```
#60a89d rgb(96,168,157)
```
#6dafa4
```
#6dafa4 rgb(109,175,164)
```
#7ab6ac
```
#7ab6ac rgb(122,182,172)
```
#86bdb4
```
#86bdb4 rgb(134,189,180)
```
#93c4bc
```
#93c4bc rgb(147,196,188)
```
#a0cbc4
```
#a0cbc4 rgb(160,203,196)
```
#add2cc
```
#add2cc rgb(173,210,204)
```
#b9d9d4
```
#b9d9d4 rgb(185,217,212)
```
#c6e0dc
```
#c6e0dc rgb(198,224,220)
```
#d3e7e3
```
#d3e7e3 rgb(211,231,227)
```
#dfeeeb
```
#dfeeeb rgb(223,238,235)
```
#ecf5f3
```
#ecf5f3 rgb(236,245,243)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#454e4d
```
#454e4d rgb(69,78,77)
```
#3f5450
```
#3f5450 rgb(63,84,80)
```
#3a5954
```
#3a5954 rgb(58,89,84)
```
#345f58
```
#345f58 rgb(52,95,88)
```
#2e655c
```
#2e655c rgb(46,101,92)
```
#296a60
```
#296a60 rgb(41,106,96)
```
#237063
```
#237063 rgb(35,112,99)
```
#1d7667
```
#1d7667 rgb(29,118,103)
```
#187b6b
```
#187b6b rgb(24,123,107)
```
#12816f
```
#12816f rgb(18,129,111)
```
#0c8773
```
#0c8773 rgb(12,135,115)
```
#078c77
```
#078c77 rgb(7,140,119)
```
#01927a
```
#01927a rgb(1,146,122)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b5452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625f5c Protanopia 1% of men
#675d64 Deuteranopia 1% of men
#42656c Tritanopia 0.001% of the population

Trichromacy

#515f5b Protanomaly 1% of men, 0.01% of women
#545e5f Deuteranomaly 6% of men, 0.4% of women
#3d6365 Tritanomaly 0.01% of the population

#345f58 hex color

#345f58 Color Information

#345f58 Color Conversion

Color Schemes with #345f58

Alternatives to #345f58

#345f58 Preview

Shades and Tints of #345f58

Tones of #345f58

Color Blindness Simulator