#348aa7 Color Information
In a RGB color space, hex #348aa7 is composed of 20.4% red, 54.1% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 17.4% magenta, 0% yellow and 34.5% black. It has a hue angle of 195.1 degrees, a saturation of 52.5% and a lightness of 42.9%. #348aa7 color hex could be obtained by blending #68ffff with #00154f. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 65
-
- C 69
- M 17
- Y 0
- K 35
● #348aa7 color description : Dark moderate blue.
#348aa7 Color Conversion
The hexadecimal color #348aa7 has RGB values of R:52, G:138, B:167 and CMYK values of C:0.69, M:0.17, Y:0, K:0.35. Its decimal value is 3443367.
Hex triplet | 348aa7 | #348aa7 |
---|---|---|
RGB Decimal | 52, 138, 167 | rgb(52,138,167) |
RGB Percent | 20.4, 54.1, 65.5 | rgb(20.4%,54.1%,65.5%) |
CMYK | 69, 17, 0, 35 | |
HSL | 195.1°, 52.5, 42.9 | hsl(195.1,52.5%,42.9%) |
HSV (or HSB) | 195.1°, 68.9, 65.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.703, -16.114, -22.852 |
---|---|
XYZ | 17.478, 21.696, 39.824 |
xyY | 0.221, 0.275, 21.696 |
CIE-LCH | 53.703, 27.962, 234.811 |
CIE-LUV | 53.703, -32.562, -32.145 |
Hunter-Lab | 46.579, -14.533, -18.087 |
Binary | 00110100, 10001010, 10100111 |
Color Schemes with #348aa7
Alternatives to #348aa7
Below, you can see some colors close to #348aa7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348aa7 Preview
This text has a font color of #348aa7.
<span style="color:#348aa7;">Text here</span>
This paragraph has a background color of #348aa7.
<p style="background-color:#348aa7;">Content here</p>
This element has a border color of #348aa7.
<div style="border:1px solid #348aa7;">Content here</div>
.text {color:#348aa7;}
.background {background-color:#348aa7;}
.border {border:1px solid #348aa7;}
Shades and Tints of #348aa7
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, #010202 is the darkest color, while #f3f9fb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#050e11
#050e11
rgb(5,14,17)
-
#0a1b20
#0a1b20
rgb(10,27,32)
-
#0f272f
#0f272f
rgb(15,39,47)
-
#13333e
#13333e
rgb(19,51,62)
-
#18404d
#18404d
rgb(24,64,77)
-
#1d4c5c
#1d4c5c
rgb(29,76,92)
-
#21596b
#21596b
rgb(33,89,107)
-
#26657a
#26657a
rgb(38,101,122)
-
#2b7189
#2b7189
rgb(43,113,137)
-
#2f7e98
#2f7e98
rgb(47,126,152)
-
#348aa7
#348aa7
rgb(52,138,167)
-
#3996b6
#3996b6
rgb(57,150,182)
-
#3fa2c3
#3fa2c3
rgb(63,162,195)
-
#4ea9c8
#4ea9c8
rgb(78,169,200)
-
#5db0cd
#5db0cd
rgb(93,176,205)
-
#6cb8d1
#6cb8d1
rgb(108,184,209)
-
#7bbfd6
#7bbfd6
rgb(123,191,214)
-
#8ac6db
#8ac6db
rgb(138,198,219)
-
#99cddf
#99cddf
rgb(153,205,223)
-
#a8d5e4
#a8d5e4
rgb(168,213,228)
-
#b7dce8
#b7dce8
rgb(183,220,232)
-
#c6e3ed
#c6e3ed
rgb(198,227,237)
-
#d5eaf2
#d5eaf2
rgb(213,234,242)
-
#e4f2f6
#e4f2f6
rgb(228,242,246)
-
#f3f9fb
#f3f9fb
rgb(243,249,251)
Tones of #348aa7
A tone is produced by adding gray to any pure hue. In this case, #677174 is the less saturated color, while #01a3da is the most saturated one.
-
#677174
#677174
rgb(103,113,116)
-
#5e757d
#5e757d
rgb(94,117,125)
-
#567985
#567985
rgb(86,121,133)
-
#4d7d8e
#4d7d8e
rgb(77,125,142)
-
#458296
#458296
rgb(69,130,150)
-
#3c869f
#3c869f
rgb(60,134,159)
-
#348aa7
#348aa7
rgb(52,138,167)
-
#2c8eaf
#2c8eaf
rgb(44,142,175)
-
#2392b8
#2392b8
rgb(35,146,184)
-
#1b97c0
#1b97c0
rgb(27,151,192)
-
#129bc9
#129bc9
rgb(18,155,201)
-
#0a9fd1
#0a9fd1
rgb(10,159,209)
-
#01a3da
#01a3da
rgb(1,163,218)
Color Blindness Simulator
Below, you can see how #348aa7 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.