#345c73 Color Information
In a RGB color space, hex #345c73 is composed of 20.4% red, 36.1% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 20% magenta, 0% yellow and 54.9% black. It has a hue angle of 201.9 degrees, a saturation of 37.7% and a lightness of 32.7%. #345c73 color hex could be obtained by blending #68b8e6 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 36
- B 45
-
- C 55
- M 20
- Y 0
- K 55
● #345c73 color description : Dark moderate blue.
#345c73 Color Conversion
The hexadecimal color #345c73 has RGB values of R:52, G:92, B:115 and CMYK values of C:0.55, M:0.2, Y:0, K:0.55. Its decimal value is 3431539.
Hex triplet | 345c73 | #345c73 |
---|---|---|
RGB Decimal | 52, 92, 115 | rgb(52,92,115) |
RGB Percent | 20.4, 36.1, 45.1 | rgb(20.4%,36.1%,45.1%) |
CMYK | 55, 20, 0, 55 | |
HSL | 201.9°, 37.7, 32.7 | hsl(201.9,37.7%,32.7%) |
HSV (or HSB) | 201.9°, 54.8, 45.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 37.155, -6.957, -17.376 |
---|---|
XYZ | 8.337, 9.622, 17.637 |
xyY | 0.234, 0.27, 9.622 |
CIE-LCH | 37.155, 18.717, 248.18 |
CIE-LUV | 37.155, -17.204, -22.748 |
Hunter-Lab | 31.019, -6.307, -11.998 |
Binary | 00110100, 01011100, 01110011 |
Color Schemes with #345c73
Alternatives to #345c73
Below, you can see some colors close to #345c73. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345c73 Preview
This text has a font color of #345c73.
<span style="color:#345c73;">Text here</span>
This paragraph has a background color of #345c73.
<p style="background-color:#345c73;">Content here</p>
This element has a border color of #345c73.
<div style="border:1px solid #345c73;">Content here</div>
.text {color:#345c73;}
.background {background-color:#345c73;}
.border {border:1px solid #345c73;}
Shades and Tints of #345c73
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)
-
#091014
#091014
rgb(9,16,20)
-
#0f1b22
#0f1b22
rgb(15,27,34)
-
#15262f
#15262f
rgb(21,38,47)
-
#1c313d
#1c313d
rgb(28,49,61)
-
#223c4a
#223c4a
rgb(34,60,74)
-
#284658
#284658
rgb(40,70,88)
-
#2e5165
#2e5165
rgb(46,81,101)
-
#345c73
#345c73
rgb(52,92,115)
-
#3a6781
#3a6781
rgb(58,103,129)
-
#40728e
#40728e
rgb(64,114,142)
-
#467c9c
#467c9c
rgb(70,124,156)
-
#4c87a9
#4c87a9
rgb(76,135,169)
-
#5691b3
#5691b3
rgb(86,145,179)
-
#649ab9
#649ab9
rgb(100,154,185)
-
#71a3bf
#71a3bf
rgb(113,163,191)
-
#7fabc5
#7fabc5
rgb(127,171,197)
-
#8cb4cb
#8cb4cb
rgb(140,180,203)
-
#9abdd1
#9abdd1
rgb(154,189,209)
-
#a7c6d7
#a7c6d7
rgb(167,198,215)
-
#b5cfdd
#b5cfdd
rgb(181,207,221)
-
#c2d7e4
#c2d7e4
rgb(194,215,228)
-
#d0e0ea
#d0e0ea
rgb(208,224,234)
-
#dde9f0
#dde9f0
rgb(221,233,240)
-
#ebf2f6
#ebf2f6
rgb(235,242,246)
-
#f8fbfc
#f8fbfc
rgb(248,251,252)
Tones of #345c73
A tone is produced by adding gray to any pure hue. In this case, #4e5559 is the less saturated color, while #016aa6 is the most saturated one.
-
#4e5559
#4e5559
rgb(78,85,89)
-
#475760
#475760
rgb(71,87,96)
-
#415966
#415966
rgb(65,89,102)
-
#3a5a6d
#3a5a6d
rgb(58,90,109)
-
#345c73
#345c73
rgb(52,92,115)
-
#2e5e79
#2e5e79
rgb(46,94,121)
-
#275f80
#275f80
rgb(39,95,128)
-
#216186
#216186
rgb(33,97,134)
-
#1a638d
#1a638d
rgb(26,99,141)
-
#146593
#146593
rgb(20,101,147)
-
#0d669a
#0d669a
rgb(13,102,154)
-
#0768a0
#0768a0
rgb(7,104,160)
-
#016aa6
#016aa6
rgb(1,106,166)
Color Blindness Simulator
Below, you can see how #345c73 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.