#345f56 Color Information
In a RGB color space, hex #345f56 is composed of 20.4% red, 37.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 0% magenta, 9.5% yellow and 62.7% black. It has a hue angle of 167.4 degrees, a saturation of 29.3% and a lightness of 28.8%. #345f56 color hex could be obtained by blending #68beac with #000000. Closest websafe color is: #336666.
-
- R 20
- G 37
- B 34
-
- C 45
- M 0
- Y 9
- K 63
● #345f56 color description : Very dark desaturated cyan.
#345f56 Color Conversion
The hexadecimal color #345f56 has RGB values of R:52, G:95, B:86 and CMYK values of C:0.45, M:0, Y:0.09, K:0.63. Its decimal value is 3432278.
Hex triplet | 345f56 | #345f56 |
---|---|---|
RGB Decimal | 52, 95, 86 | rgb(52,95,86) |
RGB Percent | 20.4, 37.3, 33.7 | rgb(20.4%,37.3%,33.7%) |
CMYK | 45, 0, 9, 63 | |
HSL | 167.4°, 29.3, 28.8 | hsl(167.4,29.3%,28.8%) |
HSV (or HSB) | 167.4°, 45.3, 37.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 37.089, -17.392, 0.477 |
---|---|
XYZ | 7.188, 9.586, 10.275 |
xyY | 0.266, 0.354, 9.586 |
CIE-LCH | 37.089, 17.399, 178.429 |
CIE-LUV | 37.089, -19.141, 2.994 |
Hunter-Lab | 30.961, -12.743, 1.996 |
Binary | 00110100, 01011111, 01010110 |
Color Schemes with #345f56
Alternatives to #345f56
Below, you can see some colors close to #345f56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345f56 Preview
This text has a font color of #345f56.
<span style="color:#345f56;">Text here</span>
This paragraph has a background color of #345f56.
<p style="background-color:#345f56;">Content here</p>
This element has a border color of #345f56.
<div style="border:1px solid #345f56;">Content here</div>
.text {color:#345f56;}
.background {background-color:#345f56;}
.border {border:1px solid #345f56;}
Shades and Tints of #345f56
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)
-
#0a1311
#0a1311
rgb(10,19,17)
-
#11201d
#11201d
rgb(17,32,29)
-
#182c28
#182c28
rgb(24,44,40)
-
#1f3934
#1f3934
rgb(31,57,52)
-
#26463f
#26463f
rgb(38,70,63)
-
#2d524b
#2d524b
rgb(45,82,75)
-
#345f56
#345f56
rgb(52,95,86)
-
#3b6c61
#3b6c61
rgb(59,108,97)
-
#42786d
#42786d
rgb(66,120,109)
-
#498578
#498578
rgb(73,133,120)
-
#509284
#509284
rgb(80,146,132)
-
#579e8f
#579e8f
rgb(87,158,143)
-
#60a899
#60a899
rgb(96,168,153)
-
#6dafa1
#6dafa1
rgb(109,175,161)
-
#7ab6a9
#7ab6a9
rgb(122,182,169)
-
#86bdb2
#86bdb2
rgb(134,189,178)
-
#93c4ba
#93c4ba
rgb(147,196,186)
-
#a0cbc2
#a0cbc2
rgb(160,203,194)
-
#add2ca
#add2ca
rgb(173,210,202)
-
#b9d9d2
#b9d9d2
rgb(185,217,210)
-
#c6e0da
#c6e0da
rgb(198,224,218)
-
#d3e7e2
#d3e7e2
rgb(211,231,226)
-
#dfeeeb
#dfeeeb
rgb(223,238,235)
-
#ecf5f3
#ecf5f3
rgb(236,245,243)
-
#f9fbfb
#f9fbfb
rgb(249,251,251)
Tones of #345f56
A tone is produced by adding gray to any pure hue. In this case, #454e4c is the less saturated color, while #019274 is the most saturated one.
-
#454e4c
#454e4c
rgb(69,78,76)
-
#3f544f
#3f544f
rgb(63,84,79)
-
#3a5953
#3a5953
rgb(58,89,83)
-
#345f56
#345f56
rgb(52,95,86)
-
#2e6559
#2e6559
rgb(46,101,89)
-
#296a5d
#296a5d
rgb(41,106,93)
-
#237060
#237060
rgb(35,112,96)
-
#1d7663
#1d7663
rgb(29,118,99)
-
#187b66
#187b66
rgb(24,123,102)
-
#12816a
#12816a
rgb(18,129,106)
-
#0c876d
#0c876d
rgb(12,135,109)
-
#078c70
#078c70
rgb(7,140,112)
-
#019274
#019274
rgb(1,146,116)
Color Blindness Simulator
Below, you can see how #345f56 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.