#345f70 Color Information
In a RGB color space, hex #345f70 is composed of 20.4% red, 37.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 15.2% magenta, 0% yellow and 56.1% black. It has a hue angle of 197 degrees, a saturation of 36.6% and a lightness of 32.2%. #345f70 color hex could be obtained by blending #68bee0 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 37
- B 44
-
- C 54
- M 15
- Y 0
- K 56
● #345f70 color description : Very dark desaturated blue.
#345f70 Color Conversion
The hexadecimal color #345f70 has RGB values of R:52, G:95, B:112 and CMYK values of C:0.54, M:0.15, Y:0, K:0.56. Its decimal value is 3432304.
Hex triplet | 345f70 | #345f70 |
---|---|---|
RGB Decimal | 52, 95, 112 | rgb(52,95,112) |
RGB Percent | 20.4, 37.3, 43.9 | rgb(20.4%,37.3%,43.9%) |
CMYK | 54, 15, 0, 56 | |
HSL | 197°, 36.6, 32.2 | hsl(197,36.6%,32.2%) |
HSV (or HSB) | 197°, 53.6, 43.9 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 37.992, -9.726, -14.245 |
---|---|
XYZ | 8.432, 10.084, 16.83 |
xyY | 0.239, 0.285, 10.084 |
CIE-LCH | 37.992, 17.248, 235.676 |
CIE-LUV | 37.992, -18.454, -18.049 |
Hunter-Lab | 31.755, -8.172, -9.196 |
Binary | 00110100, 01011111, 01110000 |
Color Schemes with #345f70
Alternatives to #345f70
Below, you can see some colors close to #345f70. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345f70 Preview
This text has a font color of #345f70.
<span style="color:#345f70;">Text here</span>
This paragraph has a background color of #345f70.
<p style="background-color:#345f70;">Content here</p>
This element has a border color of #345f70.
<div style="border:1px solid #345f70;">Content here</div>
.text {color:#345f70;}
.background {background-color:#345f70;}
.border {border:1px solid #345f70;}
Shades and Tints of #345f70
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, #020405 is the darkest color, while #f6fafb is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#080f12
#080f12
rgb(8,15,18)
-
#0f1b20
#0f1b20
rgb(15,27,32)
-
#15262d
#15262d
rgb(21,38,45)
-
#1b323a
#1b323a
rgb(27,50,58)
-
#213d48
#213d48
rgb(33,61,72)
-
#284855
#284855
rgb(40,72,85)
-
#2e5463
#2e5463
rgb(46,84,99)
-
#345f70
#345f70
rgb(52,95,112)
-
#3a6a7d
#3a6a7d
rgb(58,106,125)
-
#40768b
#40768b
rgb(64,118,139)
-
#478198
#478198
rgb(71,129,152)
-
#4d8ca6
#4d8ca6
rgb(77,140,166)
-
#5697b0
#5697b0
rgb(86,151,176)
-
#639fb7
#639fb7
rgb(99,159,183)
-
#70a7bd
#70a7bd
rgb(112,167,189)
-
#7eafc3
#7eafc3
rgb(126,175,195)
-
#8bb8c9
#8bb8c9
rgb(139,184,201)
-
#99c0cf
#99c0cf
rgb(153,192,207)
-
#a6c8d6
#a6c8d6
rgb(166,200,214)
-
#b3d0dc
#b3d0dc
rgb(179,208,220)
-
#c1d9e2
#c1d9e2
rgb(193,217,226)
-
#cee1e8
#cee1e8
rgb(206,225,232)
-
#dce9ef
#dce9ef
rgb(220,233,239)
-
#e9f1f5
#e9f1f5
rgb(233,241,245)
-
#f6fafb
#f6fafb
rgb(246,250,251)
Tones of #345f70
A tone is produced by adding gray to any pure hue. In this case, #4d5457 is the less saturated color, while #0275a2 is the most saturated one.
-
#4d5457
#4d5457
rgb(77,84,87)
-
#47575d
#47575d
rgb(71,87,93)
-
#415a63
#415a63
rgb(65,90,99)
-
#3a5c6a
#3a5c6a
rgb(58,92,106)
-
#345f70
#345f70
rgb(52,95,112)
-
#2e6276
#2e6276
rgb(46,98,118)
-
#27647d
#27647d
rgb(39,100,125)
-
#216783
#216783
rgb(33,103,131)
-
#1b6a89
#1b6a89
rgb(27,106,137)
-
#146d90
#146d90
rgb(20,109,144)
-
#0e6f96
#0e6f96
rgb(14,111,150)
-
#08729c
#08729c
rgb(8,114,156)
-
#0275a2
#0275a2
rgb(2,117,162)
Color Blindness Simulator
Below, you can see how #345f70 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.