#345f6c Color Information
In a RGB color space, hex #345f6c is composed of 20.4% red, 37.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 12% magenta, 0% yellow and 57.6% black. It has a hue angle of 193.9 degrees, a saturation of 35% and a lightness of 31.4%. #345f6c color hex could be obtained by blending #68bed8 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 37
- B 42
-
- C 52
- M 12
- Y 0
- K 58
● #345f6c color description : Very dark desaturated cyan.
#345f6c Color Conversion
The hexadecimal color #345f6c has RGB values of R:52, G:95, B:108 and CMYK values of C:0.52, M:0.12, Y:0, K:0.58. Its decimal value is 3432300.
Hex triplet | 345f6c | #345f6c |
---|---|---|
RGB Decimal | 52, 95, 108 | rgb(52,95,108) |
RGB Percent | 20.4, 37.3, 42.4 | rgb(20.4%,37.3%,42.4%) |
CMYK | 52, 12, 0, 58 | |
HSL | 193.9°, 35, 31.4 | hsl(193.9,35%,31.4%) |
HSV (or HSB) | 193.9°, 51.9, 42.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 37.836, -10.99, -12.017 |
---|---|
XYZ | 8.214, 9.997, 15.683 |
xyY | 0.242, 0.295, 9.997 |
CIE-LCH | 37.836, 16.285, 227.555 |
CIE-LUV | 37.836, -18.556, -14.715 |
Hunter-Lab | 31.618, -8.955, -7.277 |
Binary | 00110100, 01011111, 01101100 |
Color Schemes with #345f6c
Alternatives to #345f6c
Below, you can see some colors close to #345f6c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345f6c Preview
This text has a font color of #345f6c.
<span style="color:#345f6c;">Text here</span>
This paragraph has a background color of #345f6c.
<p style="background-color:#345f6c;">Content here</p>
This element has a border color of #345f6c.
<div style="border:1px solid #345f6c;">Content here</div>
.text {color:#345f6c;}
.background {background-color:#345f6c;}
.border {border:1px solid #345f6c;}
Shades and Tints of #345f6c
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, #010202 is the darkest color, while #f4f8fa is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#070d0f
#070d0f
rgb(7,13,15)
-
#0e191d
#0e191d
rgb(14,25,29)
-
#14252a
#14252a
rgb(20,37,42)
-
#1b3037
#1b3037
rgb(27,48,55)
-
#213c44
#213c44
rgb(33,60,68)
-
#274852
#274852
rgb(39,72,82)
-
#2e535f
#2e535f
rgb(46,83,95)
-
#345f6c
#345f6c
rgb(52,95,108)
-
#3a6b79
#3a6b79
rgb(58,107,121)
-
#417686
#417686
rgb(65,118,134)
-
#478294
#478294
rgb(71,130,148)
-
#4e8ea1
#4e8ea1
rgb(78,142,161)
-
#5599ad
#5599ad
rgb(85,153,173)
-
#62a1b4
#62a1b4
rgb(98,161,180)
-
#6fa9ba
#6fa9ba
rgb(111,169,186)
-
#7db1c0
#7db1c0
rgb(125,177,192)
-
#8ab9c7
#8ab9c7
rgb(138,185,199)
-
#97c1cd
#97c1cd
rgb(151,193,205)
-
#a4c8d3
#a4c8d3
rgb(164,200,211)
-
#b2d0da
#b2d0da
rgb(178,208,218)
-
#bfd8e0
#bfd8e0
rgb(191,216,224)
-
#cce0e7
#cce0e7
rgb(204,224,231)
-
#d9e8ed
#d9e8ed
rgb(217,232,237)
-
#e7f0f3
#e7f0f3
rgb(231,240,243)
-
#f4f8fa
#f4f8fa
rgb(244,248,250)
Tones of #345f6c
A tone is produced by adding gray to any pure hue. In this case, #4d5253 is the less saturated color, while #03799d is the most saturated one.
-
#4d5253
#4d5253
rgb(77,82,83)
-
#46555a
#46555a
rgb(70,85,90)
-
#405860
#405860
rgb(64,88,96)
-
#3a5c66
#3a5c66
rgb(58,92,102)
-
#345f6c
#345f6c
rgb(52,95,108)
-
#2e6272
#2e6272
rgb(46,98,114)
-
#286678
#286678
rgb(40,102,120)
-
#22697e
#22697e
rgb(34,105,126)
-
#1b6c85
#1b6c85
rgb(27,108,133)
-
#156f8b
#156f8b
rgb(21,111,139)
-
#0f7391
#0f7391
rgb(15,115,145)
-
#097697
#097697
rgb(9,118,151)
-
#03799d
#03799d
rgb(3,121,157)
Color Blindness Simulator
Below, you can see how #345f6c 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.