#348bd3 Color Information
In a RGB color space, hex #348bd3 is composed of 20.4% red, 54.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 34.1% magenta, 0% yellow and 17.3% black. It has a hue angle of 207.2 degrees, a saturation of 64.4% and a lightness of 51.6%. #348bd3 color hex could be obtained by blending #68ffff with #0017a7. Closest websafe color is: #3399cc.
-
- R 20
- G 55
- B 83
-
- C 75
- M 34
- Y 0
- K 17
● #348bd3 color description : Strong blue.
#348bd3 Color Conversion
The hexadecimal color #348bd3 has RGB values of R:52, G:139, B:211 and CMYK values of C:0.75, M:0.34, Y:0, K:0.17. Its decimal value is 3443667.
Hex triplet | 348bd3 | #348bd3 |
---|---|---|
RGB Decimal | 52, 139, 211 | rgb(52,139,211) |
RGB Percent | 20.4, 54.5, 82.7 | rgb(20.4%,54.5%,82.7%) |
CMYK | 75, 34, 0, 17 | |
HSL | 207.2°, 64.4, 51.6 | hsl(207.2,64.4%,51.6%) |
HSV (or HSB) | 207.2°, 75.4, 82.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.984, -1.414, -44.34 |
---|---|
XYZ | 22.404, 23.897, 65.056 |
xyY | 0.201, 0.215, 23.897 |
CIE-LCH | 55.984, 44.363, 268.173 |
CIE-LUV | 55.984, -30.759, -69.115 |
Hunter-Lab | 48.884, -3.74, -44.686 |
Binary | 00110100, 10001011, 11010011 |
Color Schemes with #348bd3
Alternatives to #348bd3
Below, you can see some colors close to #348bd3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348bd3 Preview
This text has a font color of #348bd3.
<span style="color:#348bd3;">Text here</span>
This paragraph has a background color of #348bd3.
<p style="background-color:#348bd3;">Content here</p>
This element has a border color of #348bd3.
<div style="border:1px solid #348bd3;">Content here</div>
.text {color:#348bd3;}
.background {background-color:#348bd3;}
.border {border:1px solid #348bd3;}
Shades and Tints of #348bd3
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, #010407 is the darkest color, while #f5fafd is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#050f17
#050f17
rgb(5,15,23)
-
#081927
#081927
rgb(8,25,39)
-
#0c2337
#0c2337
rgb(12,35,55)
-
#0f2e47
#0f2e47
rgb(15,46,71)
-
#133857
#133857
rgb(19,56,87)
-
#164367
#164367
rgb(22,67,103)
-
#1a4d77
#1a4d77
rgb(26,77,119)
-
#1d5788
#1d5788
rgb(29,87,136)
-
#216298
#216298
rgb(33,98,152)
-
#246ca8
#246ca8
rgb(36,108,168)
-
#2877b8
#2877b8
rgb(40,119,184)
-
#2b81c8
#2b81c8
rgb(43,129,200)
-
#348bd3
#348bd3
rgb(52,139,211)
-
#4494d6
#4494d6
rgb(68,148,214)
-
#549dda
#549dda
rgb(84,157,218)
-
#64a7dd
#64a7dd
rgb(100,167,221)
-
#74b0e1
#74b0e1
rgb(116,176,225)
-
#85b9e4
#85b9e4
rgb(133,185,228)
-
#95c2e8
#95c2e8
rgb(149,194,232)
-
#a5cbeb
#a5cbeb
rgb(165,203,235)
-
#b5d5ef
#b5d5ef
rgb(181,213,239)
-
#c5def2
#c5def2
rgb(197,222,242)
-
#d5e7f6
#d5e7f6
rgb(213,231,246)
-
#e5f0f9
#e5f0f9
rgb(229,240,249)
-
#f5fafd
#f5fafd
rgb(245,250,253)
Tones of #348bd3
A tone is produced by adding gray to any pure hue. In this case, #808487 is the less saturated color, while #0e8ff9 is the most saturated one.
-
#808487
#808487
rgb(128,132,135)
-
#778591
#778591
rgb(119,133,145)
-
#6d869a
#6d869a
rgb(109,134,154)
-
#6487a4
#6487a4
rgb(100,135,164)
-
#5a87ad
#5a87ad
rgb(90,135,173)
-
#5188b7
#5188b7
rgb(81,136,183)
-
#4789c0
#4789c0
rgb(71,137,192)
-
#3e8aca
#3e8aca
rgb(62,138,202)
-
#348bd3
#348bd3
rgb(52,139,211)
-
#2b8cdd
#2b8cdd
rgb(43,140,221)
-
#218de6
#218de6
rgb(33,141,230)
-
#188ef0
#188ef0
rgb(24,142,240)
-
#0e8ff9
#0e8ff9
rgb(14,143,249)
Color Blindness Simulator
Below, you can see how #348bd3 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.