#348aa4 Color Information
In a RGB color space, hex #348aa4 is composed of 20.4% red, 54.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 15.9% magenta, 0% yellow and 35.7% black. It has a hue angle of 193.9 degrees, a saturation of 51.9% and a lightness of 42.4%. #348aa4 color hex could be obtained by blending #68ffff with #001549. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 64
-
- C 68
- M 16
- Y 0
- K 36
● #348aa4 color description : Dark moderate cyan.
#348aa4 Color Conversion
The hexadecimal color #348aa4 has RGB values of R:52, G:138, B:164 and CMYK values of C:0.68, M:0.16, Y:0, K:0.36. Its decimal value is 3443364.
Hex triplet | 348aa4 | #348aa4 |
---|---|---|
RGB Decimal | 52, 138, 164 | rgb(52,138,164) |
RGB Percent | 20.4, 54.1, 64.3 | rgb(20.4%,54.1%,64.3%) |
CMYK | 68, 16, 0, 36 | |
HSL | 193.9°, 51.9, 42.4 | hsl(193.9,51.9%,42.4%) |
HSV (or HSB) | 193.9°, 68.3, 64.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.585, -17.101, -21.305 |
---|---|
XYZ | 17.204, 21.586, 38.38 |
xyY | 0.223, 0.28, 21.586 |
CIE-LCH | 53.585, 27.319, 231.246 |
CIE-LUV | 53.585, -32.722, -29.551 |
Hunter-Lab | 46.461, -15.21, -16.455 |
Binary | 00110100, 10001010, 10100100 |
Color Schemes with #348aa4
Alternatives to #348aa4
Below, you can see some colors close to #348aa4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348aa4 Preview
This text has a font color of #348aa4.
<span style="color:#348aa4;">Text here</span>
This paragraph has a background color of #348aa4.
<p style="background-color:#348aa4;">Content here</p>
This element has a border color of #348aa4.
<div style="border:1px solid #348aa4;">Content here</div>
.text {color:#348aa4;}
.background {background-color:#348aa4;}
.border {border:1px solid #348aa4;}
Shades and Tints of #348aa4
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, #000000 is the darkest color, while #f0f8fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#050d0f
#050d0f
rgb(5,13,15)
-
#0a191e
#0a191e
rgb(10,25,30)
-
#0e262d
#0e262d
rgb(14,38,45)
-
#13323c
#13323c
rgb(19,50,60)
-
#183f4b
#183f4b
rgb(24,63,75)
-
#1c4b5a
#1c4b5a
rgb(28,75,90)
-
#215868
#215868
rgb(33,88,104)
-
#266477
#266477
rgb(38,100,119)
-
#2b7186
#2b7186
rgb(43,113,134)
-
#2f7d95
#2f7d95
rgb(47,125,149)
-
#348aa4
#348aa4
rgb(52,138,164)
-
#3997b3
#3997b3
rgb(57,151,179)
-
#3ea3c2
#3ea3c2
rgb(62,163,194)
-
#4caac6
#4caac6
rgb(76,170,198)
-
#5bb1cb
#5bb1cb
rgb(91,177,203)
-
#6ab8d0
#6ab8d0
rgb(106,184,208)
-
#79bfd5
#79bfd5
rgb(121,191,213)
-
#88c6d9
#88c6d9
rgb(136,198,217)
-
#97cede
#97cede
rgb(151,206,222)
-
#a6d5e3
#a6d5e3
rgb(166,213,227)
-
#b5dce7
#b5dce7
rgb(181,220,231)
-
#c4e3ec
#c4e3ec
rgb(196,227,236)
-
#d2eaf1
#d2eaf1
rgb(210,234,241)
-
#e1f1f6
#e1f1f6
rgb(225,241,246)
-
#f0f8fa
#f0f8fa
rgb(240,248,250)
Tones of #348aa4
A tone is produced by adding gray to any pure hue. In this case, #666f72 is the less saturated color, while #02a5d6 is the most saturated one.
-
#666f72
#666f72
rgb(102,111,114)
-
#5e747a
#5e747a
rgb(94,116,122)
-
#557883
#557883
rgb(85,120,131)
-
#4d7d8b
#4d7d8b
rgb(77,125,139)
-
#458193
#458193
rgb(69,129,147)
-
#3c869c
#3c869c
rgb(60,134,156)
-
#348aa4
#348aa4
rgb(52,138,164)
-
#2c8eac
#2c8eac
rgb(44,142,172)
-
#2393b5
#2393b5
rgb(35,147,181)
-
#1b97bd
#1b97bd
rgb(27,151,189)
-
#139cc5
#139cc5
rgb(19,156,197)
-
#0aa0ce
#0aa0ce
rgb(10,160,206)
-
#02a5d6
#02a5d6
rgb(2,165,214)
Color Blindness Simulator
Below, you can see how #348aa4 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.