#345d5f hex color

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

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

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

The hexadecimal color #345d5f has RGB values of R:52, G:93, B:95 and CMYK values of C:0.45, M:0.02, Y:0, K:0.63. Its decimal value is 3431775.

Hex triplet	345d5f	`#345d5f`
RGB Decimal	52, 93, 95	`rgb(52,93,95)`
RGB Percent	20.4, 36.5, 37.3	`rgb(20.4%,36.5%,37.3%)`
CMYK	45, 2, 0, 63
HSL	182.8°, 29.3, 28.8	`hsl(182.8,29.3%,28.8%)`
HSV (or HSB)	182.8°, 45.3, 37.3
Web Safe	336666	`#336666`

CIE-LAB	36.714, -13.759, -5.657
XYZ	7.396, 9.385, 12.248
xyY	0.255, 0.323, 9.385
CIE-LCH	36.714, 14.876, 202.352
CIE-LUV	36.714, -18.068, -5.517
Hunter-Lab	30.634, -10.518, -2.26
Binary	00110100, 01011101, 01011111

#345d5f
```
#345d5f rgb(52,93,95)
```
#5f3634
```
#5f3634 rgb(95,54,52)
```

Complementary Color

#345f4c
```
#345f4c rgb(52,95,76)
```
#345d5f
```
#345d5f rgb(52,93,95)
```
#34485f
```
#34485f rgb(52,72,95)
```

Analogous Color

#5f4c34
```
#5f4c34 rgb(95,76,52)
```
#345d5f
```
#345d5f rgb(52,93,95)
```
#5f3448
```
#5f3448 rgb(95,52,72)
```

Split Complementary Color

#5d5f34
```
#5d5f34 rgb(93,95,52)
```
#345d5f
```
#345d5f rgb(52,93,95)
```
#5f345d
```
#5f345d rgb(95,52,93)
```

Triadic Color

#345f36
```
#345f36 rgb(52,95,54)
```
#345d5f
```
#345d5f rgb(52,93,95)
```
#5f345d
```
#5f345d rgb(95,52,93)
```
#5f3634
```
#5f3634 rgb(95,54,52)
```

Tetradic Color

#192d2e
```
#192d2e rgb(25,45,46)
```
#223d3e
```
#223d3e rgb(34,61,62)
```
#2b4d4f
```
#2b4d4f rgb(43,77,79)
```
#345d5f
```
#345d5f rgb(52,93,95)
```
#3d6d6f
```
#3d6d6f rgb(61,109,111)
```
#467d80
```
#467d80 rgb(70,125,128)
```
#4f8d90
```
#4f8d90 rgb(79,141,144)
```

Monochromatic Color

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

#345f56
```
#345f56 rgb(52,95,86)
```
#345f5a
```
#345f5a rgb(52,95,90)
```
#345f5d
```
#345f5d rgb(52,95,93)
```
#345d5f
```
#345d5f rgb(52,93,95)
```
#34595f
```
#34595f rgb(52,89,95)
```
#34565f
```
#34565f rgb(52,86,95)
```
#34525f
```
#34525f rgb(52,82,95)
```

Similar Colors

Text with hexadecimal color #345d5f

This text has a font color of #345d5f.

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

#345d5f background color

This paragraph has a background color of #345d5f.

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

#345d5f border color

This element has a border color of #345d5f.

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

CSS codes

.text {color:#345d5f;}

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

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

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)
```
#111f20
```
#111f20 rgb(17,31,32)
```
#182b2c
```
#182b2c rgb(24,43,44)
```
#1f3839
```
#1f3839 rgb(31,56,57)
```
#264446
```
#264446 rgb(38,68,70)
```
#2d5152
```
#2d5152 rgb(45,81,82)
```
#345d5f
```
#345d5f rgb(52,93,95)
```
#3b696c
```
#3b696c rgb(59,105,108)
```
#427678
```
#427678 rgb(66,118,120)
```
#498285
```
#498285 rgb(73,130,133)
```
#508f92
```
#508f92 rgb(80,143,146)
```
#579b9e
```
#579b9e rgb(87,155,158)
```

Shade Color Variation

#60a5a8
```
#60a5a8 rgb(96,165,168)
```
#6dacaf
```
#6dacaf rgb(109,172,175)
```
#7ab3b6
```
#7ab3b6 rgb(122,179,182)
```
#86bbbd
```
#86bbbd rgb(134,187,189)
```
#93c2c4
```
#93c2c4 rgb(147,194,196)
```
#a0c9cb
```
#a0c9cb rgb(160,201,203)
```
#add0d2
```
#add0d2 rgb(173,208,210)
```
#b9d7d9
```
#b9d7d9 rgb(185,215,217)
```
#c6dfe0
```
#c6dfe0 rgb(198,223,224)
```
#d3e6e7
```
#d3e6e7 rgb(211,230,231)
```
#dfedee
```
#dfedee rgb(223,237,238)
```
#ecf4f5
```
#ecf4f5 rgb(236,244,245)
```
#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 #018b92 is the most saturated one.

#454e4e
```
#454e4e rgb(69,78,78)
```
#3f5354
```
#3f5354 rgb(63,83,84)
```
#3a5859
```
#3a5859 rgb(58,88,89)
```
#345d5f
```
#345d5f rgb(52,93,95)
```
#2e6265
```
#2e6265 rgb(46,98,101)
```
#29676a
```
#29676a rgb(41,103,106)
```
#236c70
```
#236c70 rgb(35,108,112)
```
#1d7276
```
#1d7276 rgb(29,114,118)
```
#18777b
```
#18777b rgb(24,119,123)
```
#127c81
```
#127c81 rgb(18,124,129)
```
#0c8187
```
#0c8187 rgb(12,129,135)
```
#07868c
```
#07868c rgb(7,134,140)
```
#018b92
```
#018b92 rgb(1,139,146)
```

Tone Color Variation

Below, you can see how #345d5f 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
#4b5354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5e63 Protanopia 1% of men
#625c6a Deuteranopia 1% of men
#40646c Tritanopia 0.001% of the population

Trichromacy

#4f5e61 Protanomaly 1% of men, 0.01% of women
#515c66 Deuteranomaly 6% of men, 0.4% of women
#3b6167 Tritanomaly 0.01% of the population

#345d5f hex color

#345d5f Color Information

#345d5f Color Conversion

Color Schemes with #345d5f

Alternatives to #345d5f

#345d5f Preview

Shades and Tints of #345d5f

Tones of #345d5f

Color Blindness Simulator