#345f5e hex color

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

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

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

The hexadecimal color #345f5e has RGB values of R:52, G:95, B:94 and CMYK values of C:0.45, M:0, Y:0.01, K:0.63. Its decimal value is 3432286.

Hex triplet	345f5e	`#345f5e`
RGB Decimal	52, 95, 94	`rgb(52,95,94)`
RGB Percent	20.4, 37.3, 36.9	`rgb(20.4%,37.3%,36.9%)`
CMYK	45, 0, 1, 63
HSL	178.6°, 29.3, 28.8	`hsl(178.6,29.3%,28.8%)`
HSV (or HSB)	178.6°, 45.3, 37.3
Web Safe	336666	`#336666`

CIE-LAB	37.339, -15.183, -4.109
XYZ	7.528, 9.722, 12.069
xyY	0.257, 0.332, 9.722
CIE-LCH	37.339, 15.729, 195.142
CIE-LUV	37.339, -18.926, -3.282
Hunter-Lab	31.18, -11.469, -1.123
Binary	00110100, 01011111, 01011110

#345f5e
```
#345f5e rgb(52,95,94)
```
#5f3435
```
#5f3435 rgb(95,52,53)
```

Complementary Color

#345f49
```
#345f49 rgb(52,95,73)
```
#345f5e
```
#345f5e rgb(52,95,94)
```
#344b5f
```
#344b5f rgb(52,75,95)
```

Analogous Color

#5f4934
```
#5f4934 rgb(95,73,52)
```
#345f5e
```
#345f5e rgb(52,95,94)
```
#5f344b
```
#5f344b rgb(95,52,75)
```

Split Complementary Color

#5f5e34
```
#5f5e34 rgb(95,94,52)
```
#345f5e
```
#345f5e rgb(52,95,94)
```
#5e345f
```
#5e345f rgb(94,52,95)
```

Triadic Color

#355f34
```
#355f34 rgb(53,95,52)
```
#345f5e
```
#345f5e rgb(52,95,94)
```
#5e345f
```
#5e345f rgb(94,52,95)
```
#5f3435
```
#5f3435 rgb(95,52,53)
```

Tetradic Color

#192e2d
```
#192e2d rgb(25,46,45)
```
#223e3d
```
#223e3d rgb(34,62,61)
```
#2b4f4e
```
#2b4f4e rgb(43,79,78)
```
#345f5e
```
#345f5e rgb(52,95,94)
```
#3d6f6e
```
#3d6f6e rgb(61,111,110)
```
#46807f
```
#46807f rgb(70,128,127)
```
#4f908f
```
#4f908f rgb(79,144,143)
```

Monochromatic Color

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

#345f53
```
#345f53 rgb(52,95,83)
```
#345f57
```
#345f57 rgb(52,95,87)
```
#345f5a
```
#345f5a rgb(52,95,90)
```
#345f5e
```
#345f5e rgb(52,95,94)
```
#345c5f
```
#345c5f rgb(52,92,95)
```
#34595f
```
#34595f rgb(52,89,95)
```
#34555f
```
#34555f rgb(52,85,95)
```

Similar Colors

Text with hexadecimal color #345f5e

This text has a font color of #345f5e.

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

#345f5e background color

This paragraph has a background color of #345f5e.

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

#345f5e border color

This element has a border color of #345f5e.

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

CSS codes

.text {color:#345f5e;}

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

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

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)
```
#0a1313
```
#0a1313 rgb(10,19,19)
```
#11201f
```
#11201f rgb(17,32,31)
```
#182c2c
```
#182c2c rgb(24,44,44)
```
#1f3938
```
#1f3938 rgb(31,57,56)
```
#264645
```
#264645 rgb(38,70,69)
```
#2d5251
```
#2d5251 rgb(45,82,81)
```
#345f5e
```
#345f5e rgb(52,95,94)
```
#3b6c6b
```
#3b6c6b rgb(59,108,107)
```
#427877
```
#427877 rgb(66,120,119)
```
#498584
```
#498584 rgb(73,133,132)
```
#509290
```
#509290 rgb(80,146,144)
```
#579e9d
```
#579e9d rgb(87,158,157)
```

Shade Color Variation

#60a8a7
```
#60a8a7 rgb(96,168,167)
```
#6dafae
```
#6dafae rgb(109,175,174)
```
#7ab6b5
```
#7ab6b5 rgb(122,182,181)
```
#86bdbc
```
#86bdbc rgb(134,189,188)
```
#93c4c3
```
#93c4c3 rgb(147,196,195)
```
#a0cbca
```
#a0cbca rgb(160,203,202)
```
#add2d1
```
#add2d1 rgb(173,210,209)
```
#b9d9d8
```
#b9d9d8 rgb(185,217,216)
```
#c6e0df
```
#c6e0df rgb(198,224,223)
```
#d3e7e6
```
#d3e7e6 rgb(211,231,230)
```
#dfeeed
```
#dfeeed rgb(223,238,237)
```
#ecf5f4
```
#ecf5f4 rgb(236,245,244)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#454e4e
```
#454e4e rgb(69,78,78)
```
#3f5453
```
#3f5453 rgb(63,84,83)
```
#3a5959
```
#3a5959 rgb(58,89,89)
```
#345f5e
```
#345f5e rgb(52,95,94)
```
#2e6563
```
#2e6563 rgb(46,101,99)
```
#296a69
```
#296a69 rgb(41,106,105)
```
#23706e
```
#23706e rgb(35,112,110)
```
#1d7674
```
#1d7674 rgb(29,118,116)
```
#187b79
```
#187b79 rgb(24,123,121)
```
#12817e
```
#12817e rgb(18,129,126)
```
#0c8784
```
#0c8784 rgb(12,135,132)
```
#078c89
```
#078c89 rgb(7,140,137)
```
#01928f
```
#01928f rgb(1,146,143)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4c5554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616062 Protanopia 1% of men
#655e69 Deuteranopia 1% of men
#41666d Tritanopia 0.001% of the population

Trichromacy

#505f60 Protanomaly 1% of men, 0.01% of women
#535e65 Deuteranomaly 6% of men, 0.4% of women
#3c6367 Tritanomaly 0.01% of the population

#345f5e hex color

#345f5e Color Information

#345f5e Color Conversion

Color Schemes with #345f5e

Alternatives to #345f5e

#345f5e Preview

Shades and Tints of #345f5e

Tones of #345f5e

Color Blindness Simulator