#345e96 Color Information
In a RGB color space, hex #345e96 is composed of 20.4% red, 36.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 37.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 214.3 degrees, a saturation of 48.5% and a lightness of 39.6%. #345e96 color hex could be obtained by blending #68bcff with #00002d. Closest websafe color is: #336699.
-
- R 20
- G 37
- B 59
-
- C 65
- M 37
- Y 0
- K 41
● #345e96 color description : Dark moderate blue.
#345e96 Color Conversion
The hexadecimal color #345e96 has RGB values of R:52, G:94, B:150 and CMYK values of C:0.65, M:0.37, Y:0, K:0.41. Its decimal value is 3432086.
Hex triplet | 345e96 | #345e96 |
---|---|---|
RGB Decimal | 52, 94, 150 | rgb(52,94,150) |
RGB Percent | 20.4, 36.9, 58.8 | rgb(20.4%,36.9%,58.8%) |
CMYK | 65, 37, 0, 41 | |
HSL | 214.3°, 48.5, 39.6 | hsl(214.3,48.5%,39.6%) |
HSV (or HSB) | 214.3°, 65.3, 58.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 39.474, 3.979, -35.056 |
---|---|
XYZ | 10.923, 10.937, 30.388 |
xyY | 0.209, 0.209, 10.937 |
CIE-LCH | 39.474, 35.281, 276.475 |
CIE-LUV | 39.474, -17.28, -50.539 |
Hunter-Lab | 33.071, 1.081, -31.33 |
Binary | 00110100, 01011110, 10010110 |
Color Schemes with #345e96
Alternatives to #345e96
Below, you can see some colors close to #345e96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345e96 Preview
This text has a font color of #345e96.
<span style="color:#345e96;">Text here</span>
This paragraph has a background color of #345e96.
<p style="background-color:#345e96;">Content here</p>
This element has a border color of #345e96.
<div style="border:1px solid #345e96;">Content here</div>
.text {color:#345e96;}
.background {background-color:#345e96;}
.border {border:1px solid #345e96;}
Shades and Tints of #345e96
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, #020304 is the darkest color, while #f5f8fb is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#070c13
#070c13
rgb(7,12,19)
-
#0c1521
#0c1521
rgb(12,21,33)
-
#111e30
#111e30
rgb(17,30,48)
-
#16273f
#16273f
rgb(22,39,63)
-
#1b304d
#1b304d
rgb(27,48,77)
-
#20395c
#20395c
rgb(32,57,92)
-
#25436a
#25436a
rgb(37,67,106)
-
#2a4c79
#2a4c79
rgb(42,76,121)
-
#2f5587
#2f5587
rgb(47,85,135)
-
#345e96
#345e96
rgb(52,94,150)
-
#3967a5
#3967a5
rgb(57,103,165)
-
#3e70b3
#3e70b3
rgb(62,112,179)
-
#467abf
#467abf
rgb(70,122,191)
-
#5584c4
#5584c4
rgb(85,132,196)
-
#638fc9
#638fc9
rgb(99,143,201)
-
#7299ce
#7299ce
rgb(114,153,206)
-
#80a4d3
#80a4d3
rgb(128,164,211)
-
#8faed8
#8faed8
rgb(143,174,216)
-
#9db9dd
#9db9dd
rgb(157,185,221)
-
#acc3e2
#acc3e2
rgb(172,195,226)
-
#bbcee7
#bbcee7
rgb(187,206,231)
-
#c9d8ec
#c9d8ec
rgb(201,216,236)
-
#d8e3f1
#d8e3f1
rgb(216,227,241)
-
#e6edf6
#e6edf6
rgb(230,237,246)
-
#f5f8fb
#f5f8fb
rgb(245,248,251)
Tones of #345e96
A tone is produced by adding gray to any pure hue. In this case, #636567 is the less saturated color, while #0557c5 is the most saturated one.
-
#636567
#636567
rgb(99,101,103)
-
#5b646f
#5b646f
rgb(91,100,111)
-
#536277
#536277
rgb(83,98,119)
-
#4b617f
#4b617f
rgb(75,97,127)
-
#446086
#446086
rgb(68,96,134)
-
#3c5f8e
#3c5f8e
rgb(60,95,142)
-
#345e96
#345e96
rgb(52,94,150)
-
#2c5d9e
#2c5d9e
rgb(44,93,158)
-
#245ca6
#245ca6
rgb(36,92,166)
-
#1d5bad
#1d5bad
rgb(29,91,173)
-
#155ab5
#155ab5
rgb(21,90,181)
-
#0d58bd
#0d58bd
rgb(13,88,189)
-
#0557c5
#0557c5
rgb(5,87,197)
Color Blindness Simulator
Below, you can see how #345e96 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.