#345a73 Color Information
In a RGB color space, hex #345a73 is composed of 20.4% red, 35.3% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 21.7% magenta, 0% yellow and 54.9% black. It has a hue angle of 203.8 degrees, a saturation of 37.7% and a lightness of 32.7%. #345a73 color hex could be obtained by blending #68b4e6 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 35
- B 45
-
- C 55
- M 22
- Y 0
- K 55
● #345a73 color description : Dark moderate blue.
#345a73 Color Conversion
The hexadecimal color #345a73 has RGB values of R:52, G:90, B:115 and CMYK values of C:0.55, M:0.22, Y:0, K:0.55. Its decimal value is 3431027.
Hex triplet | 345a73 | #345a73 |
---|---|---|
RGB Decimal | 52, 90, 115 | rgb(52,90,115) |
RGB Percent | 20.4, 35.3, 45.1 | rgb(20.4%,35.3%,45.1%) |
CMYK | 55, 22, 0, 55 | |
HSL | 203.8°, 37.7, 32.7 | hsl(203.8,37.7%,32.7%) |
HSV (or HSB) | 203.8°, 54.8, 45.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.517, -5.739, -18.357 |
---|---|
XYZ | 8.166, 9.28, 17.58 |
xyY | 0.233, 0.265, 9.28 |
CIE-LCH | 36.517, 19.234, 252.639 |
CIE-LUV | 36.517, -16.425, -24.191 |
Hunter-Lab | 30.463, -5.459, -12.892 |
Binary | 00110100, 01011010, 01110011 |
Color Schemes with #345a73
Alternatives to #345a73
Below, you can see some colors close to #345a73. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345a73 Preview
This text has a font color of #345a73.
<span style="color:#345a73;">Text here</span>
This paragraph has a background color of #345a73.
<p style="background-color:#345a73;">Content here</p>
This element has a border color of #345a73.
<div style="border:1px solid #345a73;">Content here</div>
.text {color:#345a73;}
.background {background-color:#345a73;}
.border {border:1px solid #345a73;}
Shades and Tints of #345a73
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, #030507 is the darkest color, while #f8fbfc is the lightest one.
-
#030507
#030507
rgb(3,5,7)
-
#091014
#091014
rgb(9,16,20)
-
#0f1b22
#0f1b22
rgb(15,27,34)
-
#15252f
#15252f
rgb(21,37,47)
-
#1c303d
#1c303d
rgb(28,48,61)
-
#223a4a
#223a4a
rgb(34,58,74)
-
#284558
#284558
rgb(40,69,88)
-
#2e4f65
#2e4f65
rgb(46,79,101)
-
#345a73
#345a73
rgb(52,90,115)
-
#3a6581
#3a6581
rgb(58,101,129)
-
#406f8e
#406f8e
rgb(64,111,142)
-
#467a9c
#467a9c
rgb(70,122,156)
-
#4c84a9
#4c84a9
rgb(76,132,169)
-
#568eb3
#568eb3
rgb(86,142,179)
-
#6497b9
#6497b9
rgb(100,151,185)
-
#71a0bf
#71a0bf
rgb(113,160,191)
-
#7fa9c5
#7fa9c5
rgb(127,169,197)
-
#8cb2cb
#8cb2cb
rgb(140,178,203)
-
#9abbd1
#9abbd1
rgb(154,187,209)
-
#a7c4d7
#a7c4d7
rgb(167,196,215)
-
#b5cddd
#b5cddd
rgb(181,205,221)
-
#c2d6e4
#c2d6e4
rgb(194,214,228)
-
#d0dfea
#d0dfea
rgb(208,223,234)
-
#dde9f0
#dde9f0
rgb(221,233,240)
-
#ebf2f6
#ebf2f6
rgb(235,242,246)
-
#f8fbfc
#f8fbfc
rgb(248,251,252)
Tones of #345a73
A tone is produced by adding gray to any pure hue. In this case, #4e5559 is the less saturated color, while #0165a6 is the most saturated one.
-
#4e5559
#4e5559
rgb(78,85,89)
-
#475660
#475660
rgb(71,86,96)
-
#415766
#415766
rgb(65,87,102)
-
#3a596d
#3a596d
rgb(58,89,109)
-
#345a73
#345a73
rgb(52,90,115)
-
#2e5b79
#2e5b79
rgb(46,91,121)
-
#275d80
#275d80
rgb(39,93,128)
-
#215e86
#215e86
rgb(33,94,134)
-
#1a5f8d
#1a5f8d
rgb(26,95,141)
-
#146193
#146193
rgb(20,97,147)
-
#0d629a
#0d629a
rgb(13,98,154)
-
#0763a0
#0763a0
rgb(7,99,160)
-
#0165a6
#0165a6
rgb(1,101,166)
Color Blindness Simulator
Below, you can see how #345a73 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.