#345ddd Color Information
In a RGB color space, hex #345ddd is composed of 20.4% red, 36.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 57.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 225.4 degrees, a saturation of 71.3% and a lightness of 53.5%. #345ddd color hex could be obtained by blending #68baff with #0000bb. Closest websafe color is: #3366cc.
-
- R 20
- G 36
- B 87
-
- C 76
- M 58
- Y 0
- K 13
● #345ddd color description : Bright blue.
#345ddd Color Conversion
The hexadecimal color #345ddd has RGB values of R:52, G:93, B:221 and CMYK values of C:0.76, M:0.58, Y:0, K:0.13. Its decimal value is 3431901.
Hex triplet | 345ddd | #345ddd |
---|---|---|
RGB Decimal | 52, 93, 221 | rgb(52,93,221) |
RGB Percent | 20.4, 36.5, 86.7 | rgb(20.4%,36.5%,86.7%) |
CMYK | 76, 58, 0, 13 | |
HSL | 225.4°, 71.3, 53.5 | hsl(225.4,71.3%,53.5%) |
HSV (or HSB) | 225.4°, 76.5, 86.7 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 43.913, 30.888, -69.393 |
---|---|
XYZ | 18.379, 13.778, 70.093 |
xyY | 0.18, 0.135, 13.778 |
CIE-LCH | 43.913, 75.957, 293.995 |
CIE-LUV | 43.913, -16.535, -104.749 |
Hunter-Lab | 37.119, 23.425, -85.978 |
Binary | 00110100, 01011101, 11011101 |
Color Schemes with #345ddd
Alternatives to #345ddd
Below, you can see some colors close to #345ddd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345ddd Preview
This text has a font color of #345ddd.
<span style="color:#345ddd;">Text here</span>
This paragraph has a background color of #345ddd.
<p style="background-color:#345ddd;">Content here</p>
This element has a border color of #345ddd.
<div style="border:1px solid #345ddd;">Content here</div>
.text {color:#345ddd;}
.background {background-color:#345ddd;}
.border {border:1px solid #345ddd;}
Shades and Tints of #345ddd
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, #03060f is the darkest color, while #fefeff is the lightest one.
-
#03060f
#03060f
rgb(3,6,15)
-
#050c20
#050c20
rgb(5,12,32)
-
#081231
#081231
rgb(8,18,49)
-
#0b1842
#0b1842
rgb(11,24,66)
-
#0e1f53
#0e1f53
rgb(14,31,83)
-
#112563
#112563
rgb(17,37,99)
-
#132b74
#132b74
rgb(19,43,116)
-
#163185
#163185
rgb(22,49,133)
-
#193796
#193796
rgb(25,55,150)
-
#1c3ea7
#1c3ea7
rgb(28,62,167)
-
#1f44b7
#1f44b7
rgb(31,68,183)
-
#224ac8
#224ac8
rgb(34,74,200)
-
#2450d9
#2450d9
rgb(36,80,217)
-
#345ddd
#345ddd
rgb(52,93,221)
-
#456ae0
#456ae0
rgb(69,106,224)
-
#5678e3
#5678e3
rgb(86,120,227)
-
#6685e5
#6685e5
rgb(102,133,229)
-
#7793e8
#7793e8
rgb(119,147,232)
-
#88a0eb
#88a0eb
rgb(136,160,235)
-
#99adee
#99adee
rgb(153,173,238)
-
#aabbf1
#aabbf1
rgb(170,187,241)
-
#bac8f4
#bac8f4
rgb(186,200,244)
-
#cbd6f6
#cbd6f6
rgb(203,214,246)
-
#dce3f9
#dce3f9
rgb(220,227,249)
-
#edf0fc
#edf0fc
rgb(237,240,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #345ddd
A tone is produced by adding gray to any pure hue. In this case, #86878b is the less saturated color, while #194ff8 is the most saturated one.
-
#86878b
#86878b
rgb(134,135,139)
-
#7d8394
#7d8394
rgb(125,131,148)
-
#747e9d
#747e9d
rgb(116,126,157)
-
#6b79a6
#6b79a6
rgb(107,121,166)
-
#6274af
#6274af
rgb(98,116,175)
-
#5870b9
#5870b9
rgb(88,112,185)
-
#4f6bc2
#4f6bc2
rgb(79,107,194)
-
#4666cb
#4666cb
rgb(70,102,203)
-
#3d62d4
#3d62d4
rgb(61,98,212)
-
#345ddd
#345ddd
rgb(52,93,221)
-
#2b58e6
#2b58e6
rgb(43,88,230)
-
#2254ef
#2254ef
rgb(34,84,239)
-
#194ff8
#194ff8
rgb(25,79,248)
Color Blindness Simulator
Below, you can see how #345ddd 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.