#348ede Color Information
In a RGB color space, hex #348ede is composed of 20.4% red, 55.7% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 36% magenta, 0% yellow and 12.9% black. It has a hue angle of 208.2 degrees, a saturation of 72% and a lightness of 53.7%. #348ede color hex could be obtained by blending #68ffff with #001dbd. Closest websafe color is: #3399cc.
-
- R 20
- G 56
- B 87
-
- C 77
- M 36
- Y 0
- K 13
● #348ede color description : Bright blue.
#348ede Color Conversion
The hexadecimal color #348ede has RGB values of R:52, G:142, B:222 and CMYK values of C:0.77, M:0.36, Y:0, K:0.13. Its decimal value is 3444446.
Hex triplet | 348ede | #348ede |
---|---|---|
RGB Decimal | 52, 142, 222 | rgb(52,142,222) |
RGB Percent | 20.4, 55.7, 87.1 | rgb(20.4%,55.7%,87.1%) |
CMYK | 77, 36, 0, 13 | |
HSL | 208.2°, 72, 53.7 | hsl(208.2,72%,53.7%) |
HSV (or HSB) | 208.2°, 76.6, 87.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 57.413, 0.779, -48.245 |
---|---|
XYZ | 24.271, 25.348, 72.717 |
xyY | 0.198, 0.207, 25.348 |
CIE-LCH | 57.413, 48.251, 270.925 |
CIE-LUV | 57.413, -31.286, -76.086 |
Hunter-Lab | 50.347, -2.057, -50.391 |
Binary | 00110100, 10001110, 11011110 |
Color Schemes with #348ede
Alternatives to #348ede
Below, you can see some colors close to #348ede. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348ede Preview
This text has a font color of #348ede.
<span style="color:#348ede;">Text here</span>
This paragraph has a background color of #348ede.
<p style="background-color:#348ede;">Content here</p>
This element has a border color of #348ede.
<div style="border:1px solid #348ede;">Content here</div>
.text {color:#348ede;}
.background {background-color:#348ede;}
.border {border:1px solid #348ede;}
Shades and Tints of #348ede
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, #030a10 is the darkest color, while #feffff is the lightest one.
-
#030a10
#030a10
rgb(3,10,16)
-
#051421
#051421
rgb(5,20,33)
-
#081e32
#081e32
rgb(8,30,50)
-
#0b2943
#0b2943
rgb(11,41,67)
-
#0e3354
#0e3354
rgb(14,51,84)
-
#103d65
#103d65
rgb(16,61,101)
-
#134776
#134776
rgb(19,71,118)
-
#165186
#165186
rgb(22,81,134)
-
#195c97
#195c97
rgb(25,92,151)
-
#1b66a8
#1b66a8
rgb(27,102,168)
-
#1e70b9
#1e70b9
rgb(30,112,185)
-
#217aca
#217aca
rgb(33,122,202)
-
#2485db
#2485db
rgb(36,133,219)
-
#348ede
#348ede
rgb(52,142,222)
-
#4597e1
#4597e1
rgb(69,151,225)
-
#56a1e3
#56a1e3
rgb(86,161,227)
-
#67aae6
#67aae6
rgb(103,170,230)
-
#77b4e9
#77b4e9
rgb(119,180,233)
-
#88bdec
#88bdec
rgb(136,189,236)
-
#99c6ee
#99c6ee
rgb(153,198,238)
-
#aad0f1
#aad0f1
rgb(170,208,241)
-
#bbd9f4
#bbd9f4
rgb(187,217,244)
-
#cce3f7
#cce3f7
rgb(204,227,247)
-
#ddecf9
#ddecf9
rgb(221,236,249)
-
#eef5fc
#eef5fc
rgb(238,245,252)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #348ede
A tone is produced by adding gray to any pure hue. In this case, #86898c is the less saturated color, while #1990f9 is the most saturated one.
-
#86898c
#86898c
rgb(134,137,140)
-
#7d8a95
#7d8a95
rgb(125,138,149)
-
#748a9e
#748a9e
rgb(116,138,158)
-
#6a8ba8
#6a8ba8
rgb(106,139,168)
-
#618bb1
#618bb1
rgb(97,139,177)
-
#588cba
#588cba
rgb(88,140,186)
-
#4f8cc3
#4f8cc3
rgb(79,140,195)
-
#468dcc
#468dcc
rgb(70,141,204)
-
#3d8dd5
#3d8dd5
rgb(61,141,213)
-
#348ede
#348ede
rgb(52,142,222)
-
#2b8fe7
#2b8fe7
rgb(43,143,231)
-
#228ff0
#228ff0
rgb(34,143,240)
-
#1990f9
#1990f9
rgb(25,144,249)
Color Blindness Simulator
Below, you can see how #348ede 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.