#345b82 Color Information
In a RGB color space, hex #345b82 is composed of 20.4% red, 35.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 30% magenta, 0% yellow and 49% black. It has a hue angle of 210 degrees, a saturation of 42.9% and a lightness of 35.7%. #345b82 color hex could be obtained by blending #68b6ff with #000005. Closest websafe color is: #336699.
-
- R 20
- G 36
- B 51
-
- C 60
- M 30
- Y 0
- K 49
● #345b82 color description : Dark moderate blue.
#345b82 Color Conversion
The hexadecimal color #345b82 has RGB values of R:52, G:91, B:130 and CMYK values of C:0.6, M:0.3, Y:0, K:0.49. Its decimal value is 3431298.
Hex triplet | 345b82 | #345b82 |
---|---|---|
RGB Decimal | 52, 91, 130 | rgb(52,91,130) |
RGB Percent | 20.4, 35.7, 51 | rgb(20.4%,35.7%,51%) |
CMYK | 60, 30, 0, 49 | |
HSL | 210°, 42.9, 35.7 | hsl(210,42.9%,35.7%) |
HSV (or HSB) | 210°, 60, 51 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.524, -1.252, -26.012 |
---|---|
XYZ | 9.186, 9.823, 22.53 |
xyY | 0.221, 0.236, 9.823 |
CIE-LCH | 37.524, 26.042, 267.243 |
CIE-LUV | 37.524, -16.538, -36.034 |
Hunter-Lab | 31.342, -2.535, -20.68 |
Binary | 00110100, 01011011, 10000010 |
Color Schemes with #345b82
Alternatives to #345b82
Below, you can see some colors close to #345b82. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345b82 Preview
This text has a font color of #345b82.
<span style="color:#345b82;">Text here</span>
This paragraph has a background color of #345b82.
<p style="background-color:#345b82;">Content here</p>
This element has a border color of #345b82.
<div style="border:1px solid #345b82;">Content here</div>
.text {color:#345b82;}
.background {background-color:#345b82;}
.border {border:1px solid #345b82;}
Shades and Tints of #345b82
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)
-
#070d12
#070d12
rgb(7,13,18)
-
#0d1620
#0d1620
rgb(13,22,32)
-
#12202e
#12202e
rgb(18,32,46)
-
#182a3c
#182a3c
rgb(24,42,60)
-
#1e344a
#1e344a
rgb(30,52,74)
-
#233e58
#233e58
rgb(35,62,88)
-
#294766
#294766
rgb(41,71,102)
-
#2e5174
#2e5174
rgb(46,81,116)
-
#345b82
#345b82
rgb(52,91,130)
-
#3a6590
#3a6590
rgb(58,101,144)
-
#3f6f9e
#3f6f9e
rgb(63,111,158)
-
#4578ac
#4578ac
rgb(69,120,172)
-
#4d82b8
#4d82b8
rgb(77,130,184)
-
#5b8cbd
#5b8cbd
rgb(91,140,189)
-
#6996c3
#6996c3
rgb(105,150,195)
-
#77a0c9
#77a0c9
rgb(119,160,201)
-
#85a9ce
#85a9ce
rgb(133,169,206)
-
#93b3d4
#93b3d4
rgb(147,179,212)
-
#a1bdd9
#a1bdd9
rgb(161,189,217)
-
#afc7df
#afc7df
rgb(175,199,223)
-
#bdd1e5
#bdd1e5
rgb(189,209,229)
-
#cbdbea
#cbdbea
rgb(203,219,234)
-
#d9e4f0
#d9e4f0
rgb(217,228,240)
-
#e7eef5
#e7eef5
rgb(231,238,245)
-
#f5f8fb
#f5f8fb
rgb(245,248,251)
Tones of #345b82
A tone is produced by adding gray to any pure hue. In this case, #575b5f is the less saturated color, while #035bb3 is the most saturated one.
-
#575b5f
#575b5f
rgb(87,91,95)
-
#505b66
#505b66
rgb(80,91,102)
-
#495b6d
#495b6d
rgb(73,91,109)
-
#425b74
#425b74
rgb(66,91,116)
-
#3b5b7b
#3b5b7b
rgb(59,91,123)
-
#345b82
#345b82
rgb(52,91,130)
-
#2d5b89
#2d5b89
rgb(45,91,137)
-
#265b90
#265b90
rgb(38,91,144)
-
#1f5b97
#1f5b97
rgb(31,91,151)
-
#185b9e
#185b9e
rgb(24,91,158)
-
#115ba5
#115ba5
rgb(17,91,165)
-
#0a5bac
#0a5bac
rgb(10,91,172)
-
#035bb3
#035bb3
rgb(3,91,179)
Color Blindness Simulator
Below, you can see how #345b82 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.