#345f73 Color Information
In a RGB color space, hex #345f73 is composed of 20.4% red, 37.3% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 17.4% magenta, 0% yellow and 54.9% black. It has a hue angle of 199 degrees, a saturation of 37.7% and a lightness of 32.7%. #345f73 color hex could be obtained by blending #68bee6 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 37
- B 45
-
- C 55
- M 17
- Y 0
- K 55
● #345f73 color description : Dark moderate blue.
#345f73 Color Conversion
The hexadecimal color #345f73 has RGB values of R:52, G:95, B:115 and CMYK values of C:0.55, M:0.17, Y:0, K:0.55. Its decimal value is 3432307.
Hex triplet | 345f73 | #345f73 |
---|---|---|
RGB Decimal | 52, 95, 115 | rgb(52,95,115) |
RGB Percent | 20.4, 37.3, 45.1 | rgb(20.4%,37.3%,45.1%) |
CMYK | 55, 17, 0, 55 | |
HSL | 199°, 37.7, 32.7 | hsl(199,37.7%,32.7%) |
HSV (or HSB) | 199°, 54.8, 45.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.113, -8.76, -15.905 |
---|---|
XYZ | 8.602, 10.152, 17.725 |
xyY | 0.236, 0.278, 10.152 |
CIE-LCH | 38.113, 18.158, 241.155 |
CIE-LUV | 38.113, -18.378, -20.562 |
Hunter-Lab | 31.862, -7.566, -10.68 |
Binary | 00110100, 01011111, 01110011 |
Color Schemes with #345f73
Alternatives to #345f73
Below, you can see some colors close to #345f73. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345f73 Preview
This text has a font color of #345f73.
<span style="color:#345f73;">Text here</span>
This paragraph has a background color of #345f73.
<p style="background-color:#345f73;">Content here</p>
This element has a border color of #345f73.
<div style="border:1px solid #345f73;">Content here</div>
.text {color:#345f73;}
.background {background-color:#345f73;}
.border {border:1px solid #345f73;}
Shades and Tints of #345f73
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, #030607 is the darkest color, while #f8fbfc is the lightest one.
-
#030607
#030607
rgb(3,6,7)
-
#091114
#091114
rgb(9,17,20)
-
#0f1c22
#0f1c22
rgb(15,28,34)
-
#15272f
#15272f
rgb(21,39,47)
-
#1c323d
#1c323d
rgb(28,50,61)
-
#223e4a
#223e4a
rgb(34,62,74)
-
#284958
#284958
rgb(40,73,88)
-
#2e5465
#2e5465
rgb(46,84,101)
-
#345f73
#345f73
rgb(52,95,115)
-
#3a6a81
#3a6a81
rgb(58,106,129)
-
#40758e
#40758e
rgb(64,117,142)
-
#46809c
#46809c
rgb(70,128,156)
-
#4c8ca9
#4c8ca9
rgb(76,140,169)
-
#5695b3
#5695b3
rgb(86,149,179)
-
#649eb9
#649eb9
rgb(100,158,185)
-
#71a6bf
#71a6bf
rgb(113,166,191)
-
#7fafc5
#7fafc5
rgb(127,175,197)
-
#8cb7cb
#8cb7cb
rgb(140,183,203)
-
#9ac0d1
#9ac0d1
rgb(154,192,209)
-
#a7c8d7
#a7c8d7
rgb(167,200,215)
-
#b5d1dd
#b5d1dd
rgb(181,209,221)
-
#c2d9e4
#c2d9e4
rgb(194,217,228)
-
#d0e2ea
#d0e2ea
rgb(208,226,234)
-
#ddeaf0
#ddeaf0
rgb(221,234,240)
-
#ebf2f6
#ebf2f6
rgb(235,242,246)
-
#f8fbfc
#f8fbfc
rgb(248,251,252)
Tones of #345f73
A tone is produced by adding gray to any pure hue. In this case, #4e5659 is the less saturated color, while #0172a6 is the most saturated one.
-
#4e5659
#4e5659
rgb(78,86,89)
-
#475860
#475860
rgb(71,88,96)
-
#415a66
#415a66
rgb(65,90,102)
-
#3a5d6d
#3a5d6d
rgb(58,93,109)
-
#345f73
#345f73
rgb(52,95,115)
-
#2e6179
#2e6179
rgb(46,97,121)
-
#276480
#276480
rgb(39,100,128)
-
#216686
#216686
rgb(33,102,134)
-
#1a688d
#1a688d
rgb(26,104,141)
-
#146b93
#146b93
rgb(20,107,147)
-
#0d6d9a
#0d6d9a
rgb(13,109,154)
-
#076fa0
#076fa0
rgb(7,111,160)
-
#0172a6
#0172a6
rgb(1,114,166)
Color Blindness Simulator
Below, you can see how #345f73 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.