#345a54 Color Information
In a RGB color space, hex #345a54 is composed of 20.4% red, 35.3% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 0% magenta, 6.7% yellow and 64.7% black. It has a hue angle of 170.5 degrees, a saturation of 26.8% and a lightness of 27.8%. #345a54 color hex could be obtained by blending #68b4a8 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 35
- B 33
-
- C 42
- M 0
- Y 7
- K 65
● #345a54 color description : Very dark desaturated cyan.
#345a54 Color Conversion
The hexadecimal color #345a54 has RGB values of R:52, G:90, B:84 and CMYK values of C:0.42, M:0, Y:0.07, K:0.65. Its decimal value is 3430996.
Hex triplet | 345a54 | #345a54 |
---|---|---|
RGB Decimal | 52, 90, 84 | rgb(52,90,84) |
RGB Percent | 20.4, 35.3, 32.9 | rgb(20.4%,35.3%,32.9%) |
CMYK | 42, 0, 7, 65 | |
HSL | 170.5°, 26.8, 27.8 | hsl(170.5,26.8%,27.8%) |
HSV (or HSB) | 170.5°, 42.2, 35.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.365, -15.142, -0.798 |
---|---|
XYZ | 6.672, 8.682, 9.711 |
xyY | 0.266, 0.346, 8.682 |
CIE-LCH | 35.365, 15.163, 183.017 |
CIE-LUV | 35.365, -17.058, 1.046 |
Hunter-Lab | 29.465, -11.145, 1.085 |
Binary | 00110100, 01011010, 01010100 |
Color Schemes with #345a54
Alternatives to #345a54
Below, you can see some colors close to #345a54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345a54 Preview
This text has a font color of #345a54.
<span style="color:#345a54;">Text here</span>
This paragraph has a background color of #345a54.
<p style="background-color:#345a54;">Content here</p>
This element has a border color of #345a54.
<div style="border:1px solid #345a54;">Content here</div>
.text {color:#345a54;}
.background {background-color:#345a54;}
.border {border:1px solid #345a54;}
Shades and Tints of #345a54
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)
-
#090f0e
#090f0e
rgb(9,15,14)
-
#101c1a
#101c1a
rgb(16,28,26)
-
#172826
#172826
rgb(23,40,38)
-
#1e3531
#1e3531
rgb(30,53,49)
-
#26413d
#26413d
rgb(38,65,61)
-
#2d4e48
#2d4e48
rgb(45,78,72)
-
#345a54
#345a54
rgb(52,90,84)
-
#3b6660
#3b6660
rgb(59,102,96)
-
#42736b
#42736b
rgb(66,115,107)
-
#4a7f77
#4a7f77
rgb(74,127,119)
-
#518c82
#518c82
rgb(81,140,130)
-
#58988e
#58988e
rgb(88,152,142)
-
#60a399
#60a399
rgb(96,163,153)
-
#6daba1
#6daba1
rgb(109,171,161)
-
#79b2a9
#79b2a9
rgb(121,178,169)
-
#86b9b1
#86b9b1
rgb(134,185,177)
-
#92c0b9
#92c0b9
rgb(146,192,185)
-
#9fc7c1
#9fc7c1
rgb(159,199,193)
-
#abcec9
#abcec9
rgb(171,206,201)
-
#b7d6d1
#b7d6d1
rgb(183,214,209)
-
#c4ddd9
#c4ddd9
rgb(196,221,217)
-
#d0e4e1
#d0e4e1
rgb(208,228,225)
-
#ddebe9
#ddebe9
rgb(221,235,233)
-
#e9f2f1
#e9f2f1
rgb(233,242,241)
-
#f6faf9
#f6faf9
rgb(246,250,249)
Tones of #345a54
A tone is produced by adding gray to any pure hue. In this case, #444a49 is the less saturated color, while #038b76 is the most saturated one.
-
#444a49
#444a49
rgb(68,74,73)
-
#3f4f4d
#3f4f4d
rgb(63,79,77)
-
#395550
#395550
rgb(57,85,80)
-
#345a54
#345a54
rgb(52,90,84)
-
#2f5f58
#2f5f58
rgb(47,95,88)
-
#29655b
#29655b
rgb(41,101,91)
-
#246a5f
#246a5f
rgb(36,106,95)
-
#1e7063
#1e7063
rgb(30,112,99)
-
#197567
#197567
rgb(25,117,103)
-
#137b6a
#137b6a
rgb(19,123,106)
-
#0e806e
#0e806e
rgb(14,128,110)
-
#088672
#088672
rgb(8,134,114)
-
#038b76
#038b76
rgb(3,139,118)
Color Blindness Simulator
Below, you can see how #345a54 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.