#345a56 Color Information
In a RGB color space, hex #345a56 is composed of 20.4% red, 35.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 0% magenta, 4.4% yellow and 64.7% black. It has a hue angle of 173.7 degrees, a saturation of 26.8% and a lightness of 27.8%. #345a56 color hex could be obtained by blending #68b4ac with #000000. Closest websafe color is: #336666.
-
- R 20
- G 35
- B 34
-
- C 42
- M 0
- Y 4
- K 65
● #345a56 color description : Very dark desaturated cyan.
#345a56 Color Conversion
The hexadecimal color #345a56 has RGB values of R:52, G:90, B:86 and CMYK values of C:0.42, M:0, Y:0.04, K:0.65. Its decimal value is 3430998.
Hex triplet | 345a56 | #345a56 |
---|---|---|
RGB Decimal | 52, 90, 86 | rgb(52,90,86) |
RGB Percent | 20.4, 35.3, 33.7 | rgb(20.4%,35.3%,33.7%) |
CMYK | 42, 0, 4, 65 | |
HSL | 173.7°, 26.8, 27.8 | hsl(173.7,26.8%,27.8%) |
HSV (or HSB) | 173.7°, 42.2, 35.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.428, -14.596, -1.956 |
---|---|
XYZ | 6.752, 8.714, 10.13 |
xyY | 0.264, 0.34, 8.714 |
CIE-LCH | 35.428, 14.727, 187.632 |
CIE-LUV | 35.428, -17.015, -0.507 |
Hunter-Lab | 29.519, -10.833, 0.318 |
Binary | 00110100, 01011010, 01010110 |
Color Schemes with #345a56
Alternatives to #345a56
Below, you can see some colors close to #345a56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345a56 Preview
This text has a font color of #345a56.
<span style="color:#345a56;">Text here</span>
This paragraph has a background color of #345a56.
<p style="background-color:#345a56;">Content here</p>
This element has a border color of #345a56.
<div style="border:1px solid #345a56;">Content here</div>
.text {color:#345a56;}
.background {background-color:#345a56;}
.border {border:1px solid #345a56;}
Shades and Tints of #345a56
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, #020303 is the darkest color, while #f6faf9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#090f0f
#090f0f
rgb(9,15,15)
-
#101c1b
#101c1b
rgb(16,28,27)
-
#172826
#172826
rgb(23,40,38)
-
#1e3532
#1e3532
rgb(30,53,50)
-
#26413e
#26413e
rgb(38,65,62)
-
#2d4e4a
#2d4e4a
rgb(45,78,74)
-
#345a56
#345a56
rgb(52,90,86)
-
#3b6662
#3b6662
rgb(59,102,98)
-
#42736e
#42736e
rgb(66,115,110)
-
#4a7f7a
#4a7f7a
rgb(74,127,122)
-
#518c86
#518c86
rgb(81,140,134)
-
#589891
#589891
rgb(88,152,145)
-
#60a39c
#60a39c
rgb(96,163,156)
-
#6daba4
#6daba4
rgb(109,171,164)
-
#79b2ac
#79b2ac
rgb(121,178,172)
-
#86b9b3
#86b9b3
rgb(134,185,179)
-
#92c0bb
#92c0bb
rgb(146,192,187)
-
#9fc7c3
#9fc7c3
rgb(159,199,195)
-
#abcecb
#abcecb
rgb(171,206,203)
-
#b7d6d2
#b7d6d2
rgb(183,214,210)
-
#c4ddda
#c4ddda
rgb(196,221,218)
-
#d0e4e2
#d0e4e2
rgb(208,228,226)
-
#ddebea
#ddebea
rgb(221,235,234)
-
#e9f2f1
#e9f2f1
rgb(233,242,241)
-
#f6faf9
#f6faf9
rgb(246,250,249)
Tones of #345a56
A tone is produced by adding gray to any pure hue. In this case, #444a49 is the less saturated color, while #038b7d is the most saturated one.
-
#444a49
#444a49
rgb(68,74,73)
-
#3f4f4d
#3f4f4d
rgb(63,79,77)
-
#395552
#395552
rgb(57,85,82)
-
#345a56
#345a56
rgb(52,90,86)
-
#2f5f5a
#2f5f5a
rgb(47,95,90)
-
#29655f
#29655f
rgb(41,101,95)
-
#246a63
#246a63
rgb(36,106,99)
-
#1e7067
#1e7067
rgb(30,112,103)
-
#19756c
#19756c
rgb(25,117,108)
-
#137b70
#137b70
rgb(19,123,112)
-
#0e8074
#0e8074
rgb(14,128,116)
-
#088678
#088678
rgb(8,134,120)
-
#038b7d
#038b7d
rgb(3,139,125)
Color Blindness Simulator
Below, you can see how #345a56 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.