#345a96 Color Information
In a RGB color space, hex #345a96 is composed of 20.4% red, 35.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 40% magenta, 0% yellow and 41.2% black. It has a hue angle of 216.7 degrees, a saturation of 48.5% and a lightness of 39.6%. #345a96 color hex could be obtained by blending #68b4ff with #00002d. Closest websafe color is: #336699.
-
- R 20
- G 35
- B 59
-
- C 65
- M 40
- Y 0
- K 41
● #345a96 color description : Dark moderate blue.
#345a96 Color Conversion
The hexadecimal color #345a96 has RGB values of R:52, G:90, B:150 and CMYK values of C:0.65, M:0.4, Y:0, K:0.41. Its decimal value is 3431062.
Hex triplet | 345a96 | #345a96 |
---|---|---|
RGB Decimal | 52, 90, 150 | rgb(52,90,150) |
RGB Percent | 20.4, 35.3, 58.8 | rgb(20.4%,35.3%,58.8%) |
CMYK | 65, 40, 0, 41 | |
HSL | 216.7°, 48.5, 39.6 | hsl(216.7,48.5%,39.6%) |
HSV (or HSB) | 216.7°, 65.3, 58.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.276, 6.542, -36.955 |
---|---|
XYZ | 10.576, 10.244, 30.272 |
xyY | 0.207, 0.2, 10.244 |
CIE-LCH | 38.276, 37.529, 280.038 |
CIE-LUV | 38.276, -15.909, -53.174 |
Hunter-Lab | 32.006, 2.974, -33.675 |
Binary | 00110100, 01011010, 10010110 |
Color Schemes with #345a96
Alternatives to #345a96
Below, you can see some colors close to #345a96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345a96 Preview
This text has a font color of #345a96.
<span style="color:#345a96;">Text here</span>
This paragraph has a background color of #345a96.
<p style="background-color:#345a96;">Content here</p>
This element has a border color of #345a96.
<div style="border:1px solid #345a96;">Content here</div>
.text {color:#345a96;}
.background {background-color:#345a96;}
.border {border:1px solid #345a96;}
Shades and Tints of #345a96
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 #f5f7fb is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#070b13
#070b13
rgb(7,11,19)
-
#0c1421
#0c1421
rgb(12,20,33)
-
#111d30
#111d30
rgb(17,29,48)
-
#16263f
#16263f
rgb(22,38,63)
-
#1b2e4d
#1b2e4d
rgb(27,46,77)
-
#20375c
#20375c
rgb(32,55,92)
-
#25406a
#25406a
rgb(37,64,106)
-
#2a4979
#2a4979
rgb(42,73,121)
-
#2f5187
#2f5187
rgb(47,81,135)
-
#345a96
#345a96
rgb(52,90,150)
-
#3963a5
#3963a5
rgb(57,99,165)
-
#3e6bb3
#3e6bb3
rgb(62,107,179)
-
#4675bf
#4675bf
rgb(70,117,191)
-
#5580c4
#5580c4
rgb(85,128,196)
-
#638bc9
#638bc9
rgb(99,139,201)
-
#7295ce
#7295ce
rgb(114,149,206)
-
#80a0d3
#80a0d3
rgb(128,160,211)
-
#8fabd8
#8fabd8
rgb(143,171,216)
-
#9db6dd
#9db6dd
rgb(157,182,221)
-
#acc1e2
#acc1e2
rgb(172,193,226)
-
#bbcce7
#bbcce7
rgb(187,204,231)
-
#c9d7ec
#c9d7ec
rgb(201,215,236)
-
#d8e2f1
#d8e2f1
rgb(216,226,241)
-
#e6ecf6
#e6ecf6
rgb(230,236,246)
-
#f5f7fb
#f5f7fb
rgb(245,247,251)
Tones of #345a96
A tone is produced by adding gray to any pure hue. In this case, #636467 is the less saturated color, while #0550c5 is the most saturated one.
-
#636467
#636467
rgb(99,100,103)
-
#5b636f
#5b636f
rgb(91,99,111)
-
#536177
#536177
rgb(83,97,119)
-
#4b5f7f
#4b5f7f
rgb(75,95,127)
-
#445d86
#445d86
rgb(68,93,134)
-
#3c5c8e
#3c5c8e
rgb(60,92,142)
-
#345a96
#345a96
rgb(52,90,150)
-
#2c589e
#2c589e
rgb(44,88,158)
-
#2457a6
#2457a6
rgb(36,87,166)
-
#1d55ad
#1d55ad
rgb(29,85,173)
-
#1553b5
#1553b5
rgb(21,83,181)
-
#0d51bd
#0d51bd
rgb(13,81,189)
-
#0550c5
#0550c5
rgb(5,80,197)
Color Blindness Simulator
Below, you can see how #345a96 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.