#345156 Color Information
In a RGB color space, hex #345156 is composed of 20.4% red, 31.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 39.5% cyan, 5.8% magenta, 0% yellow and 66.3% black. It has a hue angle of 188.8 degrees, a saturation of 24.6% and a lightness of 27.1%. #345156 color hex could be obtained by blending #68a2ac with #000000. Closest websafe color is: #336666.
-
- R 20
- G 32
- B 34
-
- C 40
- M 6
- Y 0
- K 66
● #345156 color description : Very dark desaturated cyan.
#345156 Color Conversion
The hexadecimal color #345156 has RGB values of R:52, G:81, B:86 and CMYK values of C:0.4, M:0.06, Y:0, K:0.66. Its decimal value is 3428694.
Hex triplet | 345156 | #345156 |
---|---|---|
RGB Decimal | 52, 81, 86 | rgb(52,81,86) |
RGB Percent | 20.4, 31.8, 33.7 | rgb(20.4%,31.8%,33.7%) |
CMYK | 40, 6, 0, 66 | |
HSL | 188.8°, 24.6, 27.1 | hsl(188.8,24.6%,27.1%) |
HSV (or HSB) | 188.8°, 39.5, 33.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.45, -9.334, -6.374 |
---|---|
XYZ | 6.038, 7.287, 9.892 |
xyY | 0.26, 0.314, 7.287 |
CIE-LCH | 32.45, 11.302, 214.327 |
CIE-LUV | 32.45, -13.2, -6.794 |
Hunter-Lab | 26.994, -7.312, -2.832 |
Binary | 00110100, 01010001, 01010110 |
Color Schemes with #345156
Alternatives to #345156
Below, you can see some colors close to #345156. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345156 Preview
This text has a font color of #345156.
<span style="color:#345156;">Text here</span>
This paragraph has a background color of #345156.
<p style="background-color:#345156;">Content here</p>
This element has a border color of #345156.
<div style="border:1px solid #345156;">Content here</div>
.text {color:#345156;}
.background {background-color:#345156;}
.border {border:1px solid #345156;}
Shades and Tints of #345156
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, #000000 is the darkest color, while #f3f7f8 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#080c0d
#080c0d
rgb(8,12,13)
-
#0f1719
#0f1719
rgb(15,23,25)
-
#162325
#162325
rgb(22,35,37)
-
#1e2e31
#1e2e31
rgb(30,46,49)
-
#253a3e
#253a3e
rgb(37,58,62)
-
#2d454a
#2d454a
rgb(45,69,74)
-
#345156
#345156
rgb(52,81,86)
-
#3b5d62
#3b5d62
rgb(59,93,98)
-
#43686e
#43686e
rgb(67,104,110)
-
#4a747b
#4a747b
rgb(74,116,123)
-
#527f87
#527f87
rgb(82,127,135)
-
#598b93
#598b93
rgb(89,139,147)
-
#61969f
#61969f
rgb(97,150,159)
-
#6d9ea7
#6d9ea7
rgb(109,158,167)
-
#79a6ae
#79a6ae
rgb(121,166,174)
-
#85aeb5
#85aeb5
rgb(133,174,181)
-
#91b6bd
#91b6bd
rgb(145,182,189)
-
#9ebec4
#9ebec4
rgb(158,190,196)
-
#aac7cc
#aac7cc
rgb(170,199,204)
-
#b6cfd3
#b6cfd3
rgb(182,207,211)
-
#c2d7da
#c2d7da
rgb(194,215,218)
-
#cfdfe2
#cfdfe2
rgb(207,223,226)
-
#dbe7e9
#dbe7e9
rgb(219,231,233)
-
#e7eff0
#e7eff0
rgb(231,239,240)
-
#f3f7f8
#f3f7f8
rgb(243,247,248)
Tones of #345156
A tone is produced by adding gray to any pure hue. In this case, #444646 is the less saturated color, while #047386 is the most saturated one.
-
#444646
#444646
rgb(68,70,70)
-
#3f4a4b
#3f4a4b
rgb(63,74,75)
-
#394d51
#394d51
rgb(57,77,81)
-
#345156
#345156
rgb(52,81,86)
-
#2f555b
#2f555b
rgb(47,85,91)
-
#295861
#295861
rgb(41,88,97)
-
#245c66
#245c66
rgb(36,92,102)
-
#1f606b
#1f606b
rgb(31,96,107)
-
#196471
#196471
rgb(25,100,113)
-
#146776
#146776
rgb(20,103,118)
-
#0f6b7b
#0f6b7b
rgb(15,107,123)
-
#0a6f80
#0a6f80
rgb(10,111,128)
-
#047386
#047386
rgb(4,115,134)
Color Blindness Simulator
Below, you can see how #345156 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.