#348ea8 Color Information
In a RGB color space, hex #348ea8 is composed of 20.4% red, 55.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 15.5% magenta, 0% yellow and 34.1% black. It has a hue angle of 193.4 degrees, a saturation of 52.7% and a lightness of 43.1%. #348ea8 color hex could be obtained by blending #68ffff with #001d51. Closest websafe color is: #339999.
-
- R 20
- G 56
- B 66
-
- C 69
- M 15
- Y 0
- K 34
● #348ea8 color description : Dark moderate cyan.
#348ea8 Color Conversion
The hexadecimal color #348ea8 has RGB values of R:52, G:142, B:168 and CMYK values of C:0.69, M:0.15, Y:0, K:0.34. Its decimal value is 3444392.
Hex triplet | 348ea8 | #348ea8 |
---|---|---|
RGB Decimal | 52, 142, 168 | rgb(52,142,168) |
RGB Percent | 20.4, 55.7, 65.9 | rgb(20.4%,55.7%,65.9%) |
CMYK | 69, 15, 0, 34 | |
HSL | 193.4°, 52.7, 43.1 | hsl(193.4,52.7%,43.1%) |
HSV (or HSB) | 193.4°, 69, 65.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.971, -17.955, -21.479 |
---|---|
XYZ | 18.155, 22.902, 40.507 |
xyY | 0.223, 0.281, 22.902 |
CIE-LCH | 54.971, 27.995, 230.107 |
CIE-LUV | 54.971, -33.98, -29.854 |
Hunter-Lab | 47.856, -16.029, -16.687 |
Binary | 00110100, 10001110, 10101000 |
Color Schemes with #348ea8
Alternatives to #348ea8
Below, you can see some colors close to #348ea8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348ea8 Preview
This text has a font color of #348ea8.
<span style="color:#348ea8;">Text here</span>
This paragraph has a background color of #348ea8.
<p style="background-color:#348ea8;">Content here</p>
This element has a border color of #348ea8.
<div style="border:1px solid #348ea8;">Content here</div>
.text {color:#348ea8;}
.background {background-color:#348ea8;}
.border {border:1px solid #348ea8;}
Shades and Tints of #348ea8
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, #010303 is the darkest color, while #f3fafb is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#060f12
#060f12
rgb(6,15,18)
-
#0a1c21
#0a1c21
rgb(10,28,33)
-
#0f2930
#0f2930
rgb(15,41,48)
-
#14353f
#14353f
rgb(20,53,63)
-
#18424e
#18424e
rgb(24,66,78)
-
#1d4f5d
#1d4f5d
rgb(29,79,93)
-
#215b6c
#215b6c
rgb(33,91,108)
-
#26687b
#26687b
rgb(38,104,123)
-
#2b758a
#2b758a
rgb(43,117,138)
-
#2f8199
#2f8199
rgb(47,129,153)
-
#348ea8
#348ea8
rgb(52,142,168)
-
#399bb7
#399bb7
rgb(57,155,183)
-
#40a6c4
#40a6c4
rgb(64,166,196)
-
#4eadc8
#4eadc8
rgb(78,173,200)
-
#5db4cd
#5db4cd
rgb(93,180,205)
-
#6cbbd2
#6cbbd2
rgb(108,187,210)
-
#7bc2d6
#7bc2d6
rgb(123,194,214)
-
#8ac9db
#8ac9db
rgb(138,201,219)
-
#99d0e0
#99d0e0
rgb(153,208,224)
-
#a8d7e4
#a8d7e4
rgb(168,215,228)
-
#b7dee9
#b7dee9
rgb(183,222,233)
-
#c6e5ed
#c6e5ed
rgb(198,229,237)
-
#d5ecf2
#d5ecf2
rgb(213,236,242)
-
#e4f3f7
#e4f3f7
rgb(228,243,247)
-
#f3fafb
#f3fafb
rgb(243,250,251)
Tones of #348ea8
A tone is produced by adding gray to any pure hue. In this case, #677275 is the less saturated color, while #01aadb is the most saturated one.
-
#677275
#677275
rgb(103,114,117)
-
#5e777e
#5e777e
rgb(94,119,126)
-
#567b86
#567b86
rgb(86,123,134)
-
#4d808f
#4d808f
rgb(77,128,143)
-
#458597
#458597
rgb(69,133,151)
-
#3c89a0
#3c89a0
rgb(60,137,160)
-
#348ea8
#348ea8
rgb(52,142,168)
-
#2c93b0
#2c93b0
rgb(44,147,176)
-
#2397b9
#2397b9
rgb(35,151,185)
-
#1b9cc1
#1b9cc1
rgb(27,156,193)
-
#12a1ca
#12a1ca
rgb(18,161,202)
-
#0aa5d2
#0aa5d2
rgb(10,165,210)
-
#01aadb
#01aadb
rgb(1,170,219)
Color Blindness Simulator
Below, you can see how #348ea8 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.