#348ca4 Color Information
In a RGB color space, hex #348ca4 is composed of 20.4% red, 54.9% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 14.6% magenta, 0% yellow and 35.7% black. It has a hue angle of 192.9 degrees, a saturation of 51.9% and a lightness of 42.4%. #348ca4 color hex could be obtained by blending #68ffff with #001949. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 64
-
- C 68
- M 15
- Y 0
- K 36
● #348ca4 color description : Dark moderate cyan.
#348ca4 Color Conversion
The hexadecimal color #348ca4 has RGB values of R:52, G:140, B:164 and CMYK values of C:0.68, M:0.15, Y:0, K:0.36. Its decimal value is 3443876.
Hex triplet | 348ca4 | #348ca4 |
---|---|---|
RGB Decimal | 52, 140, 164 | rgb(52,140,164) |
RGB Percent | 20.4, 54.9, 64.3 | rgb(20.4%,54.9%,64.3%) |
CMYK | 68, 15, 0, 36 | |
HSL | 192.9°, 51.9, 42.4 | hsl(192.9,51.9%,42.4%) |
HSV (or HSB) | 192.9°, 68.3, 64.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.202, -18.182, -20.36 |
---|---|
XYZ | 17.493, 22.165, 38.476 |
xyY | 0.224, 0.284, 22.165 |
CIE-LCH | 54.202, 27.297, 228.234 |
CIE-LUV | 54.202, -33.462, -27.975 |
Hunter-Lab | 47.08, -16.065, -15.499 |
Binary | 00110100, 10001100, 10100100 |
Color Schemes with #348ca4
Alternatives to #348ca4
Below, you can see some colors close to #348ca4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348ca4 Preview
This text has a font color of #348ca4.
<span style="color:#348ca4;">Text here</span>
This paragraph has a background color of #348ca4.
<p style="background-color:#348ca4;">Content here</p>
This element has a border color of #348ca4.
<div style="border:1px solid #348ca4;">Content here</div>
.text {color:#348ca4;}
.background {background-color:#348ca4;}
.border {border:1px solid #348ca4;}
Shades and Tints of #348ca4
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)
-
#0a1a1e
#0a1a1e
rgb(10,26,30)
-
#0e262d
#0e262d
rgb(14,38,45)
-
#13333c
#13333c
rgb(19,51,60)
-
#18404b
#18404b
rgb(24,64,75)
-
#1c4c5a
#1c4c5a
rgb(28,76,90)
-
#215968
#215968
rgb(33,89,104)
-
#266677
#266677
rgb(38,102,119)
-
#2b7386
#2b7386
rgb(43,115,134)
-
#2f7f95
#2f7f95
rgb(47,127,149)
-
#348ca4
#348ca4
rgb(52,140,164)
-
#3999b3
#3999b3
rgb(57,153,179)
-
#3ea5c2
#3ea5c2
rgb(62,165,194)
-
#4cacc6
#4cacc6
rgb(76,172,198)
-
#5bb3cb
#5bb3cb
rgb(91,179,203)
-
#6abad0
#6abad0
rgb(106,186,208)
-
#79c1d5
#79c1d5
rgb(121,193,213)
-
#88c8d9
#88c8d9
rgb(136,200,217)
-
#97cfde
#97cfde
rgb(151,207,222)
-
#a6d6e3
#a6d6e3
rgb(166,214,227)
-
#b5dde7
#b5dde7
rgb(181,221,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 #348ca4
A tone is produced by adding gray to any pure hue. In this case, #667072 is the less saturated color, while #02a8d6 is the most saturated one.
-
#667072
#667072
rgb(102,112,114)
-
#5e747a
#5e747a
rgb(94,116,122)
-
#557983
#557983
rgb(85,121,131)
-
#4d7e8b
#4d7e8b
rgb(77,126,139)
-
#458393
#458393
rgb(69,131,147)
-
#3c879c
#3c879c
rgb(60,135,156)
-
#348ca4
#348ca4
rgb(52,140,164)
-
#2c91ac
#2c91ac
rgb(44,145,172)
-
#2395b5
#2395b5
rgb(35,149,181)
-
#1b9abd
#1b9abd
rgb(27,154,189)
-
#139fc5
#139fc5
rgb(19,159,197)
-
#0aa4ce
#0aa4ce
rgb(10,164,206)
-
#02a8d6
#02a8d6
rgb(2,168,214)
Color Blindness Simulator
Below, you can see how #348ca4 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.