#345a82 Color Information
In a RGB color space, hex #345a82 is composed of 20.4% red, 35.3% green and 51% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 30.8% magenta, 0% yellow and 49% black. It has a hue angle of 210.8 degrees, a saturation of 42.9% and a lightness of 35.7%. #345a82 color hex could be obtained by blending #68b4ff with #000005. Closest websafe color is: #336699.
-
- R 20
- G 35
- B 51
-
- C 60
- M 31
- Y 0
- K 49
● #345a82 color description : Dark moderate blue.
#345a82 Color Conversion
The hexadecimal color #345a82 has RGB values of R:52, G:90, B:130 and CMYK values of C:0.6, M:0.31, Y:0, K:0.49. Its decimal value is 3431042.
Hex triplet | 345a82 | #345a82 |
---|---|---|
RGB Decimal | 52, 90, 130 | rgb(52,90,130) |
RGB Percent | 20.4, 35.3, 51 | rgb(20.4%,35.3%,51%) |
CMYK | 60, 31, 0, 49 | |
HSL | 210.8°, 42.9, 35.7 | hsl(210.8,42.9%,35.7%) |
HSV (or HSB) | 210.8°, 60, 51 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.213, -0.624, -26.497 |
---|---|
XYZ | 9.101, 9.654, 22.502 |
xyY | 0.221, 0.234, 9.654 |
CIE-LCH | 37.213, 26.505, 268.65 |
CIE-LUV | 37.213, -16.171, -36.733 |
Hunter-Lab | 31.07, -2.089, -21.19 |
Binary | 00110100, 01011010, 10000010 |
Color Schemes with #345a82
Alternatives to #345a82
Below, you can see some colors close to #345a82. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345a82 Preview
This text has a font color of #345a82.
<span style="color:#345a82;">Text here</span>
This paragraph has a background color of #345a82.
<p style="background-color:#345a82;">Content here</p>
This element has a border color of #345a82.
<div style="border:1px solid #345a82;">Content here</div>
.text {color:#345a82;}
.background {background-color:#345a82;}
.border {border:1px solid #345a82;}
Shades and Tints of #345a82
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)
-
#070c12
#070c12
rgb(7,12,18)
-
#0d1620
#0d1620
rgb(13,22,32)
-
#12202e
#12202e
rgb(18,32,46)
-
#182a3c
#182a3c
rgb(24,42,60)
-
#1e334a
#1e334a
rgb(30,51,74)
-
#233d58
#233d58
rgb(35,61,88)
-
#294766
#294766
rgb(41,71,102)
-
#2e5074
#2e5074
rgb(46,80,116)
-
#345a82
#345a82
rgb(52,90,130)
-
#3a6490
#3a6490
rgb(58,100,144)
-
#3f6d9e
#3f6d9e
rgb(63,109,158)
-
#4577ac
#4577ac
rgb(69,119,172)
-
#4d81b8
#4d81b8
rgb(77,129,184)
-
#5b8bbd
#5b8bbd
rgb(91,139,189)
-
#6995c3
#6995c3
rgb(105,149,195)
-
#779fc9
#779fc9
rgb(119,159,201)
-
#85a9ce
#85a9ce
rgb(133,169,206)
-
#93b2d4
#93b2d4
rgb(147,178,212)
-
#a1bcd9
#a1bcd9
rgb(161,188,217)
-
#afc6df
#afc6df
rgb(175,198,223)
-
#bdd0e5
#bdd0e5
rgb(189,208,229)
-
#cbdaea
#cbdaea
rgb(203,218,234)
-
#d9e4f0
#d9e4f0
rgb(217,228,240)
-
#e7eef5
#e7eef5
rgb(231,238,245)
-
#f5f8fb
#f5f8fb
rgb(245,248,251)
Tones of #345a82
A tone is produced by adding gray to any pure hue. In this case, #575b5f is the less saturated color, while #0359b3 is the most saturated one.
-
#575b5f
#575b5f
rgb(87,91,95)
-
#505b66
#505b66
rgb(80,91,102)
-
#495b6d
#495b6d
rgb(73,91,109)
-
#425a74
#425a74
rgb(66,90,116)
-
#3b5a7b
#3b5a7b
rgb(59,90,123)
-
#345a82
#345a82
rgb(52,90,130)
-
#2d5a89
#2d5a89
rgb(45,90,137)
-
#265a90
#265a90
rgb(38,90,144)
-
#1f5997
#1f5997
rgb(31,89,151)
-
#18599e
#18599e
rgb(24,89,158)
-
#1159a5
#1159a5
rgb(17,89,165)
-
#0a59ac
#0a59ac
rgb(10,89,172)
-
#0359b3
#0359b3
rgb(3,89,179)
Color Blindness Simulator
Below, you can see how #345a82 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.