#345696 Color Information
In a RGB color space, hex #345696 is composed of 20.4% red, 33.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 42.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 219.2 degrees, a saturation of 48.5% and a lightness of 39.6%. #345696 color hex could be obtained by blending #68acff with #00002d. Closest websafe color is: #336699.
-
- R 20
- G 34
- B 59
-
- C 65
- M 43
- Y 0
- K 41
● #345696 color description : Dark moderate blue.
#345696 Color Conversion
The hexadecimal color #345696 has RGB values of R:52, G:86, B:150 and CMYK values of C:0.65, M:0.43, Y:0, K:0.41. Its decimal value is 3430038.
Hex triplet | 345696 | #345696 |
---|---|---|
RGB Decimal | 52, 86, 150 | rgb(52,86,150) |
RGB Percent | 20.4, 33.7, 58.8 | rgb(20.4%,33.7%,58.8%) |
CMYK | 65, 43, 0, 41 | |
HSL | 219.2°, 48.5, 39.6 | hsl(219.2,48.5%,39.6%) |
HSV (or HSB) | 219.2°, 65.3, 58.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.091, 9.137, -38.841 |
---|---|
XYZ | 10.248, 9.587, 30.163 |
xyY | 0.205, 0.192, 9.587 |
CIE-LCH | 37.091, 39.901, 283.237 |
CIE-LUV | 37.091, -14.569, -55.692 |
Hunter-Lab | 30.963, 4.893, -36.084 |
Binary | 00110100, 01010110, 10010110 |
Color Schemes with #345696
Alternatives to #345696
Below, you can see some colors close to #345696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345696 Preview
This text has a font color of #345696.
<span style="color:#345696;">Text here</span>
This paragraph has a background color of #345696.
<p style="background-color:#345696;">Content here</p>
This element has a border color of #345696.
<div style="border:1px solid #345696;">Content here</div>
.text {color:#345696;}
.background {background-color:#345696;}
.border {border:1px solid #345696;}
Shades and Tints of #345696
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, #020204 is the darkest color, while #f5f7fb is the lightest one.
-
#020204
#020204
rgb(2,2,4)
-
#070b13
#070b13
rgb(7,11,19)
-
#0c1321
#0c1321
rgb(12,19,33)
-
#111c30
#111c30
rgb(17,28,48)
-
#16243f
#16243f
rgb(22,36,63)
-
#1b2c4d
#1b2c4d
rgb(27,44,77)
-
#20355c
#20355c
rgb(32,53,92)
-
#253d6a
#253d6a
rgb(37,61,106)
-
#2a4579
#2a4579
rgb(42,69,121)
-
#2f4e87
#2f4e87
rgb(47,78,135)
-
#345696
#345696
rgb(52,86,150)
-
#395ea5
#395ea5
rgb(57,94,165)
-
#3e67b3
#3e67b3
rgb(62,103,179)
-
#4670bf
#4670bf
rgb(70,112,191)
-
#557bc4
#557bc4
rgb(85,123,196)
-
#6386c9
#6386c9
rgb(99,134,201)
-
#7292ce
#7292ce
rgb(114,146,206)
-
#809dd3
#809dd3
rgb(128,157,211)
-
#8fa8d8
#8fa8d8
rgb(143,168,216)
-
#9db4dd
#9db4dd
rgb(157,180,221)
-
#acbfe2
#acbfe2
rgb(172,191,226)
-
#bbcae7
#bbcae7
rgb(187,202,231)
-
#c9d5ec
#c9d5ec
rgb(201,213,236)
-
#d8e1f1
#d8e1f1
rgb(216,225,241)
-
#e6ecf6
#e6ecf6
rgb(230,236,246)
-
#f5f7fb
#f5f7fb
rgb(245,247,251)
Tones of #345696
A tone is produced by adding gray to any pure hue. In this case, #636467 is the less saturated color, while #0548c5 is the most saturated one.
-
#636467
#636467
rgb(99,100,103)
-
#5b626f
#5b626f
rgb(91,98,111)
-
#536077
#536077
rgb(83,96,119)
-
#4b5d7f
#4b5d7f
rgb(75,93,127)
-
#445b86
#445b86
rgb(68,91,134)
-
#3c588e
#3c588e
rgb(60,88,142)
-
#345696
#345696
rgb(52,86,150)
-
#2c549e
#2c549e
rgb(44,84,158)
-
#2451a6
#2451a6
rgb(36,81,166)
-
#1d4fad
#1d4fad
rgb(29,79,173)
-
#154cb5
#154cb5
rgb(21,76,181)
-
#0d4abd
#0d4abd
rgb(13,74,189)
-
#0548c5
#0548c5
rgb(5,72,197)
Color Blindness Simulator
Below, you can see how #345696 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.