#345f68 Color Information
In a RGB color space, hex #345f68 is composed of 20.4% red, 37.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 8.7% magenta, 0% yellow and 59.2% black. It has a hue angle of 190.4 degrees, a saturation of 33.3% and a lightness of 30.6%. #345f68 color hex could be obtained by blending #68bed0 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 37
- B 41
-
- C 50
- M 9
- Y 0
- K 59
● #345f68 color description : Very dark desaturated cyan.
#345f68 Color Conversion
The hexadecimal color #345f68 has RGB values of R:52, G:95, B:104 and CMYK values of C:0.5, M:0.09, Y:0, K:0.59. Its decimal value is 3432296.
Hex triplet | 345f68 | #345f68 |
---|---|---|
RGB Decimal | 52, 95, 104 | rgb(52,95,104) |
RGB Percent | 20.4, 37.3, 40.8 | rgb(20.4%,37.3%,40.8%) |
CMYK | 50, 9, 0, 59 | |
HSL | 190.4°, 33.3, 30.6 | hsl(190.4,33.3%,30.6%) |
HSV (or HSB) | 190.4°, 50, 40.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 37.687, -12.227, -9.775 |
---|---|
XYZ | 8.006, 9.913, 14.588 |
xyY | 0.246, 0.305, 9.913 |
CIE-LCH | 37.687, 15.654, 218.641 |
CIE-LUV | 37.687, -18.66, -11.405 |
Hunter-Lab | 31.486, -9.71, -5.43 |
Binary | 00110100, 01011111, 01101000 |
Color Schemes with #345f68
Alternatives to #345f68
Below, you can see some colors close to #345f68. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345f68 Preview
This text has a font color of #345f68.
<span style="color:#345f68;">Text here</span>
This paragraph has a background color of #345f68.
<p style="background-color:#345f68;">Content here</p>
This element has a border color of #345f68.
<div style="border:1px solid #345f68;">Content here</div>
.text {color:#345f68;}
.background {background-color:#345f68;}
.border {border:1px solid #345f68;}
Shades and Tints of #345f68
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, #060b0c is the darkest color, while #feffff is the lightest one.
-
#060b0c
#060b0c
rgb(6,11,12)
-
#0d171a
#0d171a
rgb(13,23,26)
-
#132327
#132327
rgb(19,35,39)
-
#1a2f34
#1a2f34
rgb(26,47,52)
-
#203b41
#203b41
rgb(32,59,65)
-
#27474e
#27474e
rgb(39,71,78)
-
#2d535b
#2d535b
rgb(45,83,91)
-
#345f68
#345f68
rgb(52,95,104)
-
#3b6b75
#3b6b75
rgb(59,107,117)
-
#417782
#417782
rgb(65,119,130)
-
#48838f
#48838f
rgb(72,131,143)
-
#4e8f9c
#4e8f9c
rgb(78,143,156)
-
#559ba9
#559ba9
rgb(85,155,169)
-
#61a3b0
#61a3b0
rgb(97,163,176)
-
#6faab7
#6faab7
rgb(111,170,183)
-
#7cb2bd
#7cb2bd
rgb(124,178,189)
-
#89bac4
#89bac4
rgb(137,186,196)
-
#96c1ca
#96c1ca
rgb(150,193,202)
-
#a3c9d1
#a3c9d1
rgb(163,201,209)
-
#b0d1d7
#b0d1d7
rgb(176,209,215)
-
#bdd8de
#bdd8de
rgb(189,216,222)
-
#cae0e5
#cae0e5
rgb(202,224,229)
-
#d7e8eb
#d7e8eb
rgb(215,232,235)
-
#e4eff2
#e4eff2
rgb(228,239,242)
-
#f1f7f8
#f1f7f8
rgb(241,247,248)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #345f68
A tone is produced by adding gray to any pure hue. In this case, #4c4f50 is the less saturated color, while #047e98 is the most saturated one.
-
#4c4f50
#4c4f50
rgb(76,79,80)
-
#465356
#465356
rgb(70,83,86)
-
#40575c
#40575c
rgb(64,87,92)
-
#3a5b62
#3a5b62
rgb(58,91,98)
-
#345f68
#345f68
rgb(52,95,104)
-
#2e636e
#2e636e
rgb(46,99,110)
-
#286774
#286774
rgb(40,103,116)
-
#226b7a
#226b7a
rgb(34,107,122)
-
#1c6f80
#1c6f80
rgb(28,111,128)
-
#167386
#167386
rgb(22,115,134)
-
#10778c
#10778c
rgb(16,119,140)
-
#0a7a92
#0a7a92
rgb(10,122,146)
-
#047e98
#047e98
rgb(4,126,152)
Color Blindness Simulator
Below, you can see how #345f68 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.