#348ef3 Color Information
In a RGB color space, hex #348ef3 is composed of 20.4% red, 55.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 41.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 211.7 degrees, a saturation of 88.8% and a lightness of 57.8%. #348ef3 color hex could be obtained by blending #68ffff with #001de7. Closest websafe color is: #3399ff.
-
- R 20
- G 56
- B 95
-
- C 79
- M 42
- Y 0
- K 5
● #348ef3 color description : Bright blue.
#348ef3 Color Conversion
The hexadecimal color #348ef3 has RGB values of R:52, G:142, B:243 and CMYK values of C:0.79, M:0.42, Y:0, K:0.05. Its decimal value is 3444467.
Hex triplet | 348ef3 | #348ef3 |
---|---|---|
RGB Decimal | 52, 142, 243 | rgb(52,142,243) |
RGB Percent | 20.4, 55.7, 95.3 | rgb(20.4%,55.7%,95.3%) |
CMYK | 79, 42, 0, 5 | |
HSL | 211.7°, 88.8, 57.8 | hsl(211.7,88.8%,57.8%) |
HSV (or HSB) | 211.7°, 78.6, 95.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 58.551, 8.409, -58.096 |
---|---|
XYZ | 27.263, 26.545, 88.476 |
xyY | 0.192, 0.187, 26.545 |
CIE-LCH | 58.551, 58.701, 278.236 |
CIE-LUV | 58.551, -30.439, -93.266 |
Hunter-Lab | 51.522, 4.292, -65.751 |
Binary | 00110100, 10001110, 11110011 |
Color Schemes with #348ef3
Alternatives to #348ef3
Below, you can see some colors close to #348ef3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348ef3 Preview
This text has a font color of #348ef3.
<span style="color:#348ef3;">Text here</span>
This paragraph has a background color of #348ef3.
<p style="background-color:#348ef3;">Content here</p>
This element has a border color of #348ef3.
<div style="border:1px solid #348ef3;">Content here</div>
.text {color:#348ef3;}
.background {background-color:#348ef3;}
.border {border:1px solid #348ef3;}
Shades and Tints of #348ef3
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, #000001 is the darkest color, while #edf5fe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010a13
#010a13
rgb(1,10,19)
-
#021326
#021326
rgb(2,19,38)
-
#031c38
#031c38
rgb(3,28,56)
-
#04264b
#04264b
rgb(4,38,75)
-
#062f5d
#062f5d
rgb(6,47,93)
-
#073870
#073870
rgb(7,56,112)
-
#084282
#084282
rgb(8,66,130)
-
#094b95
#094b95
rgb(9,75,149)
-
#0a54a7
#0a54a7
rgb(10,84,167)
-
#0b5dba
#0b5dba
rgb(11,93,186)
-
#0c67cc
#0c67cc
rgb(12,103,204)
-
#0d70df
#0d70df
rgb(13,112,223)
-
#0f79f1
#0f79f1
rgb(15,121,241)
-
#2184f2
#2184f2
rgb(33,132,242)
-
#348ef3
#348ef3
rgb(52,142,243)
-
#4798f4
#4798f4
rgb(71,152,244)
-
#59a3f5
#59a3f5
rgb(89,163,245)
-
#6cadf6
#6cadf6
rgb(108,173,246)
-
#7eb7f7
#7eb7f7
rgb(126,183,247)
-
#91c2f8
#91c2f8
rgb(145,194,248)
-
#a3ccfa
#a3ccfa
rgb(163,204,250)
-
#b6d6fb
#b6d6fb
rgb(182,214,251)
-
#c8e0fc
#c8e0fc
rgb(200,224,252)
-
#dbebfd
#dbebfd
rgb(219,235,253)
-
#edf5fe
#edf5fe
rgb(237,245,254)
Tones of #348ef3
A tone is produced by adding gray to any pure hue. In this case, #8f9398 is the less saturated color, while #2c8efb is the most saturated one.
-
#8f9398
#8f9398
rgb(143,147,152)
-
#8793a0
#8793a0
rgb(135,147,160)
-
#7e92a9
#7e92a9
rgb(126,146,169)
-
#7692b1
#7692b1
rgb(118,146,177)
-
#6e91b9
#6e91b9
rgb(110,145,185)
-
#6691c1
#6691c1
rgb(102,145,193)
-
#5d90ca
#5d90ca
rgb(93,144,202)
-
#5590d2
#5590d2
rgb(85,144,210)
-
#4d8fda
#4d8fda
rgb(77,143,218)
-
#458fe2
#458fe2
rgb(69,143,226)
-
#3c8eeb
#3c8eeb
rgb(60,142,235)
-
#348ef3
#348ef3
rgb(52,142,243)
-
#2c8efb
#2c8efb
rgb(44,142,251)
Color Blindness Simulator
Below, you can see how #348ef3 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.