#348ea3 Color Information
In a RGB color space, hex #348ea3 is composed of 20.4% red, 55.7% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 12.9% magenta, 0% yellow and 36.1% black. It has a hue angle of 191.4 degrees, a saturation of 51.6% and a lightness of 42.2%. #348ea3 color hex could be obtained by blending #68ffff with #001d47. Closest websafe color is: #339999.
-
- R 20
- G 56
- B 64
-
- C 68
- M 13
- Y 0
- K 36
● #348ea3 color description : Dark moderate cyan.
#348ea3 Color Conversion
The hexadecimal color #348ea3 has RGB values of R:52, G:142, B:163 and CMYK values of C:0.68, M:0.13, Y:0, K:0.36. Its decimal value is 3444387.
Hex triplet | 348ea3 | #348ea3 |
---|---|---|
RGB Decimal | 52, 142, 163 | rgb(52,142,163) |
RGB Percent | 20.4, 55.7, 63.9 | rgb(20.4%,55.7%,63.9%) |
CMYK | 68, 13, 0, 36 | |
HSL | 191.4°, 51.6, 42.2 | hsl(191.4,51.6%,42.2%) |
HSV (or HSB) | 191.4°, 68.1, 63.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.782, -19.575, -18.898 |
---|---|
XYZ | 17.698, 22.719, 38.101 |
xyY | 0.225, 0.289, 22.719 |
CIE-LCH | 54.782, 27.209, 223.992 |
CIE-LUV | 54.782, -34.258, -25.535 |
Hunter-Lab | 47.664, -17.134, -14.029 |
Binary | 00110100, 10001110, 10100011 |
Color Schemes with #348ea3
Alternatives to #348ea3
Below, you can see some colors close to #348ea3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348ea3 Preview
This text has a font color of #348ea3.
<span style="color:#348ea3;">Text here</span>
This paragraph has a background color of #348ea3.
<p style="background-color:#348ea3;">Content here</p>
This element has a border color of #348ea3.
<div style="border:1px solid #348ea3;">Content here</div>
.text {color:#348ea3;}
.background {background-color:#348ea3;}
.border {border:1px solid #348ea3;}
Shades and Tints of #348ea3
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, #050c0e is the darkest color, while #feffff is the lightest one.
-
#050c0e
#050c0e
rgb(5,12,14)
-
#09191d
#09191d
rgb(9,25,29)
-
#0e262c
#0e262c
rgb(14,38,44)
-
#13333b
#13333b
rgb(19,51,59)
-
#18404a
#18404a
rgb(24,64,74)
-
#1c4d59
#1c4d59
rgb(28,77,89)
-
#215a68
#215a68
rgb(33,90,104)
-
#266776
#266776
rgb(38,103,118)
-
#2b7485
#2b7485
rgb(43,116,133)
-
#2f8194
#2f8194
rgb(47,129,148)
-
#348ea3
#348ea3
rgb(52,142,163)
-
#399bb2
#399bb2
rgb(57,155,178)
-
#3da8c1
#3da8c1
rgb(61,168,193)
-
#4cafc6
#4cafc6
rgb(76,175,198)
-
#5bb5cb
#5bb5cb
rgb(91,181,203)
-
#6abccf
#6abccf
rgb(106,188,207)
-
#79c3d4
#79c3d4
rgb(121,195,212)
-
#87c9d9
#87c9d9
rgb(135,201,217)
-
#96d0de
#96d0de
rgb(150,208,222)
-
#a5d7e2
#a5d7e2
rgb(165,215,226)
-
#b4dde7
#b4dde7
rgb(180,221,231)
-
#c3e4ec
#c3e4ec
rgb(195,228,236)
-
#d2ebf1
#d2ebf1
rgb(210,235,241)
-
#e1f1f5
#e1f1f5
rgb(225,241,245)
-
#f0f8fa
#f0f8fa
rgb(240,248,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #348ea3
A tone is produced by adding gray to any pure hue. In this case, #666f71 is the less saturated color, while #02add5 is the most saturated one.
-
#666f71
#666f71
rgb(102,111,113)
-
#5d747a
#5d747a
rgb(93,116,122)
-
#557982
#557982
rgb(85,121,130)
-
#4d7f8a
#4d7f8a
rgb(77,127,138)
-
#458492
#458492
rgb(69,132,146)
-
#3c899b
#3c899b
rgb(60,137,155)
-
#348ea3
#348ea3
rgb(52,142,163)
-
#2c93ab
#2c93ab
rgb(44,147,171)
-
#2398b4
#2398b4
rgb(35,152,180)
-
#1b9dbc
#1b9dbc
rgb(27,157,188)
-
#13a3c4
#13a3c4
rgb(19,163,196)
-
#0ba8cc
#0ba8cc
rgb(11,168,204)
-
#02add5
#02add5
rgb(2,173,213)
Color Blindness Simulator
Below, you can see how #348ea3 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.