#345b86 Color Information
In a RGB color space, hex #345b86 is composed of 20.4% red, 35.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 32.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 211.5 degrees, a saturation of 44.1% and a lightness of 36.5%. #345b86 color hex could be obtained by blending #68b6ff with #00000d. Closest websafe color is: #336699.
-
- R 20
- G 36
- B 53
-
- C 61
- M 32
- Y 0
- K 47
● #345b86 color description : Dark moderate blue.
#345b86 Color Conversion
The hexadecimal color #345b86 has RGB values of R:52, G:91, B:134 and CMYK values of C:0.61, M:0.32, Y:0, K:0.47. Its decimal value is 3431302.
Hex triplet | 345b86 | #345b86 |
---|---|---|
RGB Decimal | 52, 91, 134 | rgb(52,91,134) |
RGB Percent | 20.4, 35.7, 52.5 | rgb(20.4%,35.7%,52.5%) |
CMYK | 61, 32, 0, 47 | |
HSL | 211.5°, 44.1, 36.5 | hsl(211.5,44.1%,36.5%) |
HSV (or HSB) | 211.5°, 61.2, 52.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.722, 0.151, -28.142 |
---|---|
XYZ | 9.459, 9.933, 23.972 |
xyY | 0.218, 0.229, 9.933 |
CIE-LCH | 37.722, 28.142, 270.307 |
CIE-LUV | 37.722, -16.473, -39.367 |
Hunter-Lab | 31.516, -1.579, -23.035 |
Binary | 00110100, 01011011, 10000110 |
Color Schemes with #345b86
Alternatives to #345b86
Below, you can see some colors close to #345b86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345b86 Preview
This text has a font color of #345b86.
<span style="color:#345b86;">Text here</span>
This paragraph has a background color of #345b86.
<p style="background-color:#345b86;">Content here</p>
This element has a border color of #345b86.
<div style="border:1px solid #345b86;">Content here</div>
.text {color:#345b86;}
.background {background-color:#345b86;}
.border {border:1px solid #345b86;}
Shades and Tints of #345b86
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 #f8fafc is the lightest one.
-
#030507
#030507
rgb(3,5,7)
-
#080e15
#080e15
rgb(8,14,21)
-
#0e1823
#0e1823
rgb(14,24,35)
-
#132131
#132131
rgb(19,33,49)
-
#192b3f
#192b3f
rgb(25,43,63)
-
#1e354d
#1e354d
rgb(30,53,77)
-
#243e5c
#243e5c
rgb(36,62,92)
-
#29486a
#29486a
rgb(41,72,106)
-
#2f5178
#2f5178
rgb(47,81,120)
-
#345b86
#345b86
rgb(52,91,134)
-
#396594
#396594
rgb(57,101,148)
-
#3f6ea2
#3f6ea2
rgb(63,110,162)
-
#4478b0
#4478b0
rgb(68,120,176)
-
#4e82ba
#4e82ba
rgb(78,130,186)
-
#5c8cc0
#5c8cc0
rgb(92,140,192)
-
#6a96c5
#6a96c5
rgb(106,150,197)
-
#79a0cb
#79a0cb
rgb(121,160,203)
-
#87aad0
#87aad0
rgb(135,170,208)
-
#95b4d6
#95b4d6
rgb(149,180,214)
-
#a3bedb
#a3bedb
rgb(163,190,219)
-
#b1c8e1
#b1c8e1
rgb(177,200,225)
-
#bfd2e6
#bfd2e6
rgb(191,210,230)
-
#cddcec
#cddcec
rgb(205,220,236)
-
#dbe6f1
#dbe6f1
rgb(219,230,241)
-
#eaf0f7
#eaf0f7
rgb(234,240,247)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #345b86
A tone is produced by adding gray to any pure hue. In this case, #585d62 is the less saturated color, while #0259b8 is the most saturated one.
-
#585d62
#585d62
rgb(88,93,98)
-
#515c69
#515c69
rgb(81,92,105)
-
#495c71
#495c71
rgb(73,92,113)
-
#425c78
#425c78
rgb(66,92,120)
-
#3b5b7f
#3b5b7f
rgb(59,91,127)
-
#345b86
#345b86
rgb(52,91,134)
-
#2d5b8d
#2d5b8d
rgb(45,91,141)
-
#265a94
#265a94
rgb(38,90,148)
-
#1f5a9b
#1f5a9b
rgb(31,90,155)
-
#175aa3
#175aa3
rgb(23,90,163)
-
#1059aa
#1059aa
rgb(16,89,170)
-
#0959b1
#0959b1
rgb(9,89,177)
-
#0259b8
#0259b8
rgb(2,89,184)
Color Blindness Simulator
Below, you can see how #345b86 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.