#345a6c Color Information
In a RGB color space, hex #345a6c is composed of 20.4% red, 35.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 16.7% magenta, 0% yellow and 57.6% black. It has a hue angle of 199.3 degrees, a saturation of 35% and a lightness of 31.4%. #345a6c color hex could be obtained by blending #68b4d8 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 35
- B 42
-
- C 52
- M 17
- Y 0
- K 58
● #345a6c color description : Very dark desaturated blue.
#345a6c Color Conversion
The hexadecimal color #345a6c has RGB values of R:52, G:90, B:108 and CMYK values of C:0.52, M:0.17, Y:0, K:0.58. Its decimal value is 3431020.
Hex triplet | 345a6c | #345a6c |
---|---|---|
RGB Decimal | 52, 90, 108 | rgb(52,90,108) |
RGB Percent | 20.4, 35.3, 42.4 | rgb(20.4%,35.3%,42.4%) |
CMYK | 52, 17, 0, 58 | |
HSL | 199.3°, 35, 31.4 | hsl(199.3,35%,31.4%) |
HSV (or HSB) | 199.3°, 51.9, 42.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.223, -8.019, -14.474 |
---|---|
XYZ | 7.778, 9.125, 15.538 |
xyY | 0.24, 0.281, 9.125 |
CIE-LCH | 36.223, 16.547, 241.012 |
CIE-LUV | 36.223, -16.559, -18.35 |
Hunter-Lab | 30.207, -6.898, -9.353 |
Binary | 00110100, 01011010, 01101100 |
Color Schemes with #345a6c
Alternatives to #345a6c
Below, you can see some colors close to #345a6c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345a6c Preview
This text has a font color of #345a6c.
<span style="color:#345a6c;">Text here</span>
This paragraph has a background color of #345a6c.
<p style="background-color:#345a6c;">Content here</p>
This element has a border color of #345a6c.
<div style="border:1px solid #345a6c;">Content here</div>
.text {color:#345a6c;}
.background {background-color:#345a6c;}
.border {border:1px solid #345a6c;}
Shades and Tints of #345a6c
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)
-
#0e181d
#0e181d
rgb(14,24,29)
-
#14232a
#14232a
rgb(20,35,42)
-
#1b2e37
#1b2e37
rgb(27,46,55)
-
#213944
#213944
rgb(33,57,68)
-
#274452
#274452
rgb(39,68,82)
-
#2e4f5f
#2e4f5f
rgb(46,79,95)
-
#345a6c
#345a6c
rgb(52,90,108)
-
#3a6579
#3a6579
rgb(58,101,121)
-
#417086
#417086
rgb(65,112,134)
-
#477b94
#477b94
rgb(71,123,148)
-
#4e86a1
#4e86a1
rgb(78,134,161)
-
#5591ad
#5591ad
rgb(85,145,173)
-
#6299b4
#6299b4
rgb(98,153,180)
-
#6fa2ba
#6fa2ba
rgb(111,162,186)
-
#7dabc0
#7dabc0
rgb(125,171,192)
-
#8ab3c7
#8ab3c7
rgb(138,179,199)
-
#97bccd
#97bccd
rgb(151,188,205)
-
#a4c4d3
#a4c4d3
rgb(164,196,211)
-
#b2cdda
#b2cdda
rgb(178,205,218)
-
#bfd5e0
#bfd5e0
rgb(191,213,224)
-
#ccdee7
#ccdee7
rgb(204,222,231)
-
#d9e7ed
#d9e7ed
rgb(217,231,237)
-
#e7eff3
#e7eff3
rgb(231,239,243)
-
#f4f8fa
#f4f8fa
rgb(244,248,250)
Tones of #345a6c
A tone is produced by adding gray to any pure hue. In this case, #4d5153 is the less saturated color, while #036c9d is the most saturated one.
-
#4d5153
#4d5153
rgb(77,81,83)
-
#46535a
#46535a
rgb(70,83,90)
-
#405660
#405660
rgb(64,86,96)
-
#3a5866
#3a5866
rgb(58,88,102)
-
#345a6c
#345a6c
rgb(52,90,108)
-
#2e5c72
#2e5c72
rgb(46,92,114)
-
#285e78
#285e78
rgb(40,94,120)
-
#22617e
#22617e
rgb(34,97,126)
-
#1b6385
#1b6385
rgb(27,99,133)
-
#15658b
#15658b
rgb(21,101,139)
-
#0f6791
#0f6791
rgb(15,103,145)
-
#096997
#096997
rgb(9,105,151)
-
#036c9d
#036c9d
rgb(3,108,157)
Color Blindness Simulator
Below, you can see how #345a6c 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.