#345f84 Color Information
In a RGB color space, hex #345f84 is composed of 20.4% red, 37.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 28% magenta, 0% yellow and 48.2% black. It has a hue angle of 207.8 degrees, a saturation of 43.5% and a lightness of 36.1%. #345f84 color hex could be obtained by blending #68beff with #000009. Closest websafe color is: #336699.
-
- R 20
- G 37
- B 52
-
- C 61
- M 28
- Y 0
- K 48
● #345f84 color description : Dark moderate blue.
#345f84 Color Conversion
The hexadecimal color #345f84 has RGB values of R:52, G:95, B:132 and CMYK values of C:0.61, M:0.28, Y:0, K:0.48. Its decimal value is 3432324.
Hex triplet | 345f84 | #345f84 |
---|---|---|
RGB Decimal | 52, 95, 132 | rgb(52,95,132) |
RGB Percent | 20.4, 37.3, 51.8 | rgb(20.4%,37.3%,51.8%) |
CMYK | 61, 28, 0, 48 | |
HSL | 207.8°, 43.5, 36.1 | hsl(207.8,43.5%,36.1%) |
HSV (or HSB) | 207.8°, 60.6, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.864, -3.046, -25.139 |
---|---|
XYZ | 9.672, 10.58, 23.361 |
xyY | 0.222, 0.243, 10.58 |
CIE-LCH | 38.864, 25.323, 263.092 |
CIE-LUV | 38.864, -17.981, -34.87 |
Hunter-Lab | 32.527, -3.842, -19.814 |
Binary | 00110100, 01011111, 10000100 |
Color Schemes with #345f84
Alternatives to #345f84
Below, you can see some colors close to #345f84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345f84 Preview
This text has a font color of #345f84.
<span style="color:#345f84;">Text here</span>
This paragraph has a background color of #345f84.
<p style="background-color:#345f84;">Content here</p>
This element has a border color of #345f84.
<div style="border:1px solid #345f84;">Content here</div>
.text {color:#345f84;}
.background {background-color:#345f84;}
.border {border:1px solid #345f84;}
Shades and Tints of #345f84
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, #020405 is the darkest color, while #f6f9fc is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#080e13
#080e13
rgb(8,14,19)
-
#0d1821
#0d1821
rgb(13,24,33)
-
#132230
#132230
rgb(19,34,48)
-
#182c3e
#182c3e
rgb(24,44,62)
-
#1e364c
#1e364c
rgb(30,54,76)
-
#23415a
#23415a
rgb(35,65,90)
-
#294b68
#294b68
rgb(41,75,104)
-
#2e5576
#2e5576
rgb(46,85,118)
-
#345f84
#345f84
rgb(52,95,132)
-
#3a6992
#3a6992
rgb(58,105,146)
-
#3f73a0
#3f73a0
rgb(63,115,160)
-
#457dae
#457dae
rgb(69,125,174)
-
#4d87b9
#4d87b9
rgb(77,135,185)
-
#5b91bf
#5b91bf
rgb(91,145,191)
-
#6a9ac4
#6a9ac4
rgb(106,154,196)
-
#78a4ca
#78a4ca
rgb(120,164,202)
-
#86adcf
#86adcf
rgb(134,173,207)
-
#94b7d5
#94b7d5
rgb(148,183,213)
-
#a2c0da
#a2c0da
rgb(162,192,218)
-
#b0cae0
#b0cae0
rgb(176,202,224)
-
#bed3e5
#bed3e5
rgb(190,211,229)
-
#ccddeb
#ccddeb
rgb(204,221,235)
-
#dae6f0
#dae6f0
rgb(218,230,240)
-
#e8f0f6
#e8f0f6
rgb(232,240,246)
-
#f6f9fc
#f6f9fc
rgb(246,249,252)
Tones of #345f84
A tone is produced by adding gray to any pure hue. In this case, #575c61 is the less saturated color, while #0263b6 is the most saturated one.
-
#575c61
#575c61
rgb(87,92,97)
-
#505d68
#505d68
rgb(80,93,104)
-
#495d6f
#495d6f
rgb(73,93,111)
-
#425e76
#425e76
rgb(66,94,118)
-
#3b5e7d
#3b5e7d
rgb(59,94,125)
-
#345f84
#345f84
rgb(52,95,132)
-
#2d608b
#2d608b
rgb(45,96,139)
-
#266092
#266092
rgb(38,96,146)
-
#1f6199
#1f6199
rgb(31,97,153)
-
#1861a0
#1861a0
rgb(24,97,160)
-
#1162a7
#1162a7
rgb(17,98,167)
-
#0a62ae
#0a62ae
rgb(10,98,174)
-
#0263b6
#0263b6
rgb(2,99,182)
Color Blindness Simulator
Below, you can see how #345f84 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.