#348cf2 Color Information
In a RGB color space, hex #348cf2 is composed of 20.4% red, 54.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 42.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 212.2 degrees, a saturation of 88% and a lightness of 57.6%. #348cf2 color hex could be obtained by blending #68ffff with #0019e5. Closest websafe color is: #3399ff.
-
- R 20
- G 55
- B 95
-
- C 79
- M 42
- Y 0
- K 5
● #348cf2 color description : Bright blue.
#348cf2 Color Conversion
The hexadecimal color #348cf2 has RGB values of R:52, G:140, B:242 and CMYK values of C:0.79, M:0.42, Y:0, K:0.05. Its decimal value is 3443954.
Hex triplet | 348cf2 | #348cf2 |
---|---|---|
RGB Decimal | 52, 140, 242 | rgb(52,140,242) |
RGB Percent | 20.4, 54.9, 94.9 | rgb(20.4%,54.9%,94.9%) |
CMYK | 79, 42, 0, 5 | |
HSL | 212.2°, 88, 57.6 | hsl(212.2,88%,57.6%) |
HSV (or HSB) | 212.2°, 78.5, 94.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 57.937, 9.248, -58.525 |
---|---|
XYZ | 26.818, 25.895, 87.584 |
xyY | 0.191, 0.185, 25.895 |
CIE-LCH | 57.937, 59.251, 278.979 |
CIE-LUV | 57.937, -29.843, -93.844 |
Hunter-Lab | 50.887, 5.018, -66.426 |
Binary | 00110100, 10001100, 11110010 |
Color Schemes with #348cf2
Alternatives to #348cf2
Below, you can see some colors close to #348cf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348cf2 Preview
This text has a font color of #348cf2.
<span style="color:#348cf2;">Text here</span>
This paragraph has a background color of #348cf2.
<p style="background-color:#348cf2;">Content here</p>
This element has a border color of #348cf2.
<div style="border:1px solid #348cf2;">Content here</div>
.text {color:#348cf2;}
.background {background-color:#348cf2;}
.border {border:1px solid #348cf2;}
Shades and Tints of #348cf2
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, #010912 is the darkest color, while #ffffff is the lightest one.
-
#010912
#010912
rgb(1,9,18)
-
#021225
#021225
rgb(2,18,37)
-
#041b37
#041b37
rgb(4,27,55)
-
#05254a
#05254a
rgb(5,37,74)
-
#062e5c
#062e5c
rgb(6,46,92)
-
#07376e
#07376e
rgb(7,55,110)
-
#084081
#084081
rgb(8,64,129)
-
#094993
#094993
rgb(9,73,147)
-
#0b52a6
#0b52a6
rgb(11,82,166)
-
#0c5cb8
#0c5cb8
rgb(12,92,184)
-
#0d65cb
#0d65cb
rgb(13,101,203)
-
#0e6edd
#0e6edd
rgb(14,110,221)
-
#0f77ef
#0f77ef
rgb(15,119,239)
-
#2282f1
#2282f1
rgb(34,130,241)
-
#348cf2
#348cf2
rgb(52,140,242)
-
#4696f3
#4696f3
rgb(70,150,243)
-
#59a1f4
#59a1f4
rgb(89,161,244)
-
#6babf6
#6babf6
rgb(107,171,246)
-
#7eb6f7
#7eb6f7
rgb(126,182,247)
-
#90c0f8
#90c0f8
rgb(144,192,248)
-
#a3cbf9
#a3cbf9
rgb(163,203,249)
-
#b5d5fa
#b5d5fa
rgb(181,213,250)
-
#c7e0fb
#c7e0fb
rgb(199,224,251)
-
#daeafd
#daeafd
rgb(218,234,253)
-
#ecf4fe
#ecf4fe
rgb(236,244,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #348cf2
A tone is produced by adding gray to any pure hue. In this case, #8f9397 is the less saturated color, while #2c8bfa is the most saturated one.
-
#8f9397
#8f9397
rgb(143,147,151)
-
#87929f
#87929f
rgb(135,146,159)
-
#7f92a7
#7f92a7
rgb(127,146,167)
-
#7691b0
#7691b0
rgb(118,145,176)
-
#6e90b8
#6e90b8
rgb(110,144,184)
-
#6690c0
#6690c0
rgb(102,144,192)
-
#5e8fc8
#5e8fc8
rgb(94,143,200)
-
#558ed1
#558ed1
rgb(85,142,209)
-
#4d8ed9
#4d8ed9
rgb(77,142,217)
-
#458de1
#458de1
rgb(69,141,225)
-
#3c8dea
#3c8dea
rgb(60,141,234)
-
#348cf2
#348cf2
rgb(52,140,242)
-
#2c8bfa
#2c8bfa
rgb(44,139,250)
Color Blindness Simulator
Below, you can see how #348cf2 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.