#348aaa Color Information
In a RGB color space, hex #348aaa is composed of 20.4% red, 54.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 18.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 196.3 degrees, a saturation of 53.2% and a lightness of 43.5%. #348aaa color hex could be obtained by blending #68ffff with #001555. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 67
-
- C 69
- M 19
- Y 0
- K 33
● #348aaa color description : Dark moderate blue.
#348aaa Color Conversion
The hexadecimal color #348aaa has RGB values of R:52, G:138, B:170 and CMYK values of C:0.69, M:0.19, Y:0, K:0.33. Its decimal value is 3443370.
Hex triplet | 348aaa | #348aaa |
---|---|---|
RGB Decimal | 52, 138, 170 | rgb(52,138,170) |
RGB Percent | 20.4, 54.1, 66.7 | rgb(20.4%,54.1%,66.7%) |
CMYK | 69, 19, 0, 33 | |
HSL | 196.3°, 53.2, 43.5 | hsl(196.3,53.2%,43.5%) |
HSV (or HSB) | 196.3°, 69.4, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.823, -15.117, -24.393 |
---|---|
XYZ | 17.758, 21.808, 41.301 |
xyY | 0.22, 0.27, 21.808 |
CIE-LCH | 53.823, 28.698, 238.211 |
CIE-LUV | 53.823, -32.403, -34.742 |
Hunter-Lab | 46.699, -13.844, -19.748 |
Binary | 00110100, 10001010, 10101010 |
Color Schemes with #348aaa
Alternatives to #348aaa
Below, you can see some colors close to #348aaa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348aaa Preview
This text has a font color of #348aaa.
<span style="color:#348aaa;">Text here</span>
This paragraph has a background color of #348aaa.
<p style="background-color:#348aaa;">Content here</p>
This element has a border color of #348aaa.
<div style="border:1px solid #348aaa;">Content here</div>
.text {color:#348aaa;}
.background {background-color:#348aaa;}
.border {border:1px solid #348aaa;}
Shades and Tints of #348aaa
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, #010405 is the darkest color, while #f5fafc is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#061014
#061014
rgb(6,16,20)
-
#0b1c23
#0b1c23
rgb(11,28,35)
-
#0f2832
#0f2832
rgb(15,40,50)
-
#143541
#143541
rgb(20,53,65)
-
#184150
#184150
rgb(24,65,80)
-
#1d4d5f
#1d4d5f
rgb(29,77,95)
-
#22596e
#22596e
rgb(34,89,110)
-
#26657d
#26657d
rgb(38,101,125)
-
#2b728c
#2b728c
rgb(43,114,140)
-
#2f7e9b
#2f7e9b
rgb(47,126,155)
-
#348aaa
#348aaa
rgb(52,138,170)
-
#3996b9
#3996b9
rgb(57,150,185)
-
#41a1c5
#41a1c5
rgb(65,161,197)
-
#50a8c9
#50a8c9
rgb(80,168,201)
-
#5fb0ce
#5fb0ce
rgb(95,176,206)
-
#6eb7d3
#6eb7d3
rgb(110,183,211)
-
#7dbfd7
#7dbfd7
rgb(125,191,215)
-
#8cc6dc
#8cc6dc
rgb(140,198,220)
-
#9bcde0
#9bcde0
rgb(155,205,224)
-
#aad5e5
#aad5e5
rgb(170,213,229)
-
#b9dce9
#b9dce9
rgb(185,220,233)
-
#c8e4ee
#c8e4ee
rgb(200,228,238)
-
#d7ebf3
#d7ebf3
rgb(215,235,243)
-
#e6f3f7
#e6f3f7
rgb(230,243,247)
-
#f5fafc
#f5fafc
rgb(245,250,252)
Tones of #348aaa
A tone is produced by adding gray to any pure hue. In this case, #677377 is the less saturated color, while #01a1dd is the most saturated one.
-
#677377
#677377
rgb(103,115,119)
-
#5f767f
#5f767f
rgb(95,118,127)
-
#567a88
#567a88
rgb(86,122,136)
-
#4e7e90
#4e7e90
rgb(78,126,144)
-
#458299
#458299
rgb(69,130,153)
-
#3d86a1
#3d86a1
rgb(61,134,161)
-
#348aaa
#348aaa
rgb(52,138,170)
-
#2b8eb3
#2b8eb3
rgb(43,142,179)
-
#2392bb
#2392bb
rgb(35,146,187)
-
#1a96c4
#1a96c4
rgb(26,150,196)
-
#129acc
#129acc
rgb(18,154,204)
-
#099ed5
#099ed5
rgb(9,158,213)
-
#01a1dd
#01a1dd
rgb(1,161,221)
Color Blindness Simulator
Below, you can see how #348aaa 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.