#345f86 Color Information
In a RGB color space, hex #345f86 is composed of 20.4% red, 37.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 29.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 208.5 degrees, a saturation of 44.1% and a lightness of 36.5%. #345f86 color hex could be obtained by blending #68beff with #00000d. Closest websafe color is: #336699.
-
- R 20
- G 37
- B 53
-
- C 61
- M 29
- Y 0
- K 47
● #345f86 color description : Dark moderate blue.
#345f86 Color Conversion
The hexadecimal color #345f86 has RGB values of R:52, G:95, B:134 and CMYK values of C:0.61, M:0.29, Y:0, K:0.47. Its decimal value is 3432326.
Hex triplet | 345f86 | #345f86 |
---|---|---|
RGB Decimal | 52, 95, 134 | rgb(52,95,134) |
RGB Percent | 20.4, 37.3, 52.5 | rgb(20.4%,37.3%,52.5%) |
CMYK | 61, 29, 0, 47 | |
HSL | 208.5°, 44.1, 36.5 | hsl(208.5,44.1%,36.5%) |
HSV (or HSB) | 208.5°, 61.2, 52.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.959, -2.35, -26.205 |
---|---|
XYZ | 9.81, 10.635, 24.089 |
xyY | 0.22, 0.239, 10.635 |
CIE-LCH | 38.959, 26.31, 264.875 |
CIE-LUV | 38.959, -17.938, -36.55 |
Hunter-Lab | 32.611, -3.372, -20.967 |
Binary | 00110100, 01011111, 10000110 |
Color Schemes with #345f86
Alternatives to #345f86
Below, you can see some colors close to #345f86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345f86 Preview
This text has a font color of #345f86.
<span style="color:#345f86;">Text here</span>
This paragraph has a background color of #345f86.
<p style="background-color:#345f86;">Content here</p>
This element has a border color of #345f86.
<div style="border:1px solid #345f86;">Content here</div>
.text {color:#345f86;}
.background {background-color:#345f86;}
.border {border:1px solid #345f86;}
Shades and Tints of #345f86
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)
-
#080f15
#080f15
rgb(8,15,21)
-
#0e1923
#0e1923
rgb(14,25,35)
-
#132331
#132331
rgb(19,35,49)
-
#192d3f
#192d3f
rgb(25,45,63)
-
#1e374d
#1e374d
rgb(30,55,77)
-
#24415c
#24415c
rgb(36,65,92)
-
#294b6a
#294b6a
rgb(41,75,106)
-
#2f5578
#2f5578
rgb(47,85,120)
-
#345f86
#345f86
rgb(52,95,134)
-
#396994
#396994
rgb(57,105,148)
-
#3f73a2
#3f73a2
rgb(63,115,162)
-
#447db0
#447db0
rgb(68,125,176)
-
#4e87ba
#4e87ba
rgb(78,135,186)
-
#5c90c0
#5c90c0
rgb(92,144,192)
-
#6a9ac5
#6a9ac5
rgb(106,154,197)
-
#79a4cb
#79a4cb
rgb(121,164,203)
-
#87add0
#87add0
rgb(135,173,208)
-
#95b7d6
#95b7d6
rgb(149,183,214)
-
#a3c0db
#a3c0db
rgb(163,192,219)
-
#b1cae1
#b1cae1
rgb(177,202,225)
-
#bfd4e6
#bfd4e6
rgb(191,212,230)
-
#cdddec
#cdddec
rgb(205,221,236)
-
#dbe7f1
#dbe7f1
rgb(219,231,241)
-
#eaf0f7
#eaf0f7
rgb(234,240,247)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #345f86
A tone is produced by adding gray to any pure hue. In this case, #585d62 is the less saturated color, while #0261b8 is the most saturated one.
-
#585d62
#585d62
rgb(88,93,98)
-
#515e69
#515e69
rgb(81,94,105)
-
#495e71
#495e71
rgb(73,94,113)
-
#425e78
#425e78
rgb(66,94,120)
-
#3b5f7f
#3b5f7f
rgb(59,95,127)
-
#345f86
#345f86
rgb(52,95,134)
-
#2d5f8d
#2d5f8d
rgb(45,95,141)
-
#266094
#266094
rgb(38,96,148)
-
#1f609b
#1f609b
rgb(31,96,155)
-
#1760a3
#1760a3
rgb(23,96,163)
-
#1061aa
#1061aa
rgb(16,97,170)
-
#0961b1
#0961b1
rgb(9,97,177)
-
#0261b8
#0261b8
rgb(2,97,184)
Color Blindness Simulator
Below, you can see how #345f86 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.