#345a74 Color Information
In a RGB color space, hex #345a74 is composed of 20.4% red, 35.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 22.4% magenta, 0% yellow and 54.5% black. It has a hue angle of 204.4 degrees, a saturation of 38.1% and a lightness of 32.9%. #345a74 color hex could be obtained by blending #68b4e8 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 35
- B 45
-
- C 55
- M 22
- Y 0
- K 55
● #345a74 color description : Dark moderate blue.
#345a74 Color Conversion
The hexadecimal color #345a74 has RGB values of R:52, G:90, B:116 and CMYK values of C:0.55, M:0.22, Y:0, K:0.55. Its decimal value is 3431028.
Hex triplet | 345a74 | #345a74 |
---|---|---|
RGB Decimal | 52, 90, 116 | rgb(52,90,116) |
RGB Percent | 20.4, 35.3, 45.5 | rgb(20.4%,35.3%,45.5%) |
CMYK | 55, 22, 0, 55 | |
HSL | 204.4°, 38.1, 32.9 | hsl(204.4,38.1%,32.9%) |
HSV (or HSB) | 204.4°, 55.2, 45.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.561, -5.407, -18.908 |
---|---|
XYZ | 8.224, 9.303, 17.884 |
xyY | 0.232, 0.263, 9.303 |
CIE-LCH | 36.561, 19.666, 254.04 |
CIE-LUV | 36.561, -16.407, -25.028 |
Hunter-Lab | 30.501, -5.247, -13.415 |
Binary | 00110100, 01011010, 01110100 |
Color Schemes with #345a74
Alternatives to #345a74
Below, you can see some colors close to #345a74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345a74 Preview
This text has a font color of #345a74.
<span style="color:#345a74;">Text here</span>
This paragraph has a background color of #345a74.
<p style="background-color:#345a74;">Content here</p>
This element has a border color of #345a74.
<div style="border:1px solid #345a74;">Content here</div>
.text {color:#345a74;}
.background {background-color:#345a74;}
.border {border:1px solid #345a74;}
Shades and Tints of #345a74
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, #030608 is the darkest color, while #f9fbfc is the lightest one.
-
#030608
#030608
rgb(3,6,8)
-
#091015
#091015
rgb(9,16,21)
-
#101b23
#101b23
rgb(16,27,35)
-
#162530
#162530
rgb(22,37,48)
-
#1c303e
#1c303e
rgb(28,48,62)
-
#223a4b
#223a4b
rgb(34,58,75)
-
#284559
#284559
rgb(40,69,89)
-
#2e4f66
#2e4f66
rgb(46,79,102)
-
#345a74
#345a74
rgb(52,90,116)
-
#3a6582
#3a6582
rgb(58,101,130)
-
#406f8f
#406f8f
rgb(64,111,143)
-
#467a9d
#467a9d
rgb(70,122,157)
-
#4c84aa
#4c84aa
rgb(76,132,170)
-
#578eb4
#578eb4
rgb(87,142,180)
-
#6497ba
#6497ba
rgb(100,151,186)
-
#72a0c0
#72a0c0
rgb(114,160,192)
-
#7fa9c6
#7fa9c6
rgb(127,169,198)
-
#8db2cc
#8db2cc
rgb(141,178,204)
-
#9abbd2
#9abbd2
rgb(154,187,210)
-
#a8c4d8
#a8c4d8
rgb(168,196,216)
-
#b5cede
#b5cede
rgb(181,206,222)
-
#c3d7e4
#c3d7e4
rgb(195,215,228)
-
#d0e0ea
#d0e0ea
rgb(208,224,234)
-
#dee9f0
#dee9f0
rgb(222,233,240)
-
#ecf2f6
#ecf2f6
rgb(236,242,246)
-
#f9fbfc
#f9fbfc
rgb(249,251,252)
Tones of #345a74
A tone is produced by adding gray to any pure hue. In this case, #4e555a is the less saturated color, while #0064a8 is the most saturated one.
-
#4e555a
#4e555a
rgb(78,85,90)
-
#475661
#475661
rgb(71,86,97)
-
#415867
#415867
rgb(65,88,103)
-
#3a596e
#3a596e
rgb(58,89,110)
-
#345a74
#345a74
rgb(52,90,116)
-
#2e5b7a
#2e5b7a
rgb(46,91,122)
-
#275c81
#275c81
rgb(39,92,129)
-
#215e87
#215e87
rgb(33,94,135)
-
#1a5f8e
#1a5f8e
rgb(26,95,142)
-
#146094
#146094
rgb(20,96,148)
-
#0d619b
#0d619b
rgb(13,97,155)
-
#0762a1
#0762a1
rgb(7,98,161)
-
#0064a8
#0064a8
rgb(0,100,168)
Color Blindness Simulator
Below, you can see how #345a74 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.