#348aa9 Color Information
In a RGB color space, hex #348aa9 is composed of 20.4% red, 54.1% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 18.3% magenta, 0% yellow and 33.7% black. It has a hue angle of 195.9 degrees, a saturation of 52.9% and a lightness of 43.3%. #348aa9 color hex could be obtained by blending #68ffff with #001553. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 66
-
- C 69
- M 18
- Y 0
- K 34
● #348aa9 color description : Dark moderate blue.
#348aa9 Color Conversion
The hexadecimal color #348aa9 has RGB values of R:52, G:138, B:169 and CMYK values of C:0.69, M:0.18, Y:0, K:0.34. Its decimal value is 3443369.
Hex triplet | 348aa9 | #348aa9 |
---|---|---|
RGB Decimal | 52, 138, 169 | rgb(52,138,169) |
RGB Percent | 20.4, 54.1, 66.3 | rgb(20.4%,54.1%,66.3%) |
CMYK | 69, 18, 0, 34 | |
HSL | 195.9°, 52.9, 43.3 | hsl(195.9,52.9%,43.3%) |
HSV (or HSB) | 195.9°, 69.2, 66.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.782, -15.451, -23.88 |
---|---|
XYZ | 17.664, 21.77, 40.805 |
xyY | 0.22, 0.271, 21.77 |
CIE-LCH | 53.782, 28.442, 237.097 |
CIE-LUV | 53.782, -32.456, -33.876 |
Hunter-Lab | 46.658, -14.075, -19.191 |
Binary | 00110100, 10001010, 10101001 |
Color Schemes with #348aa9
Alternatives to #348aa9
Below, you can see some colors close to #348aa9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348aa9 Preview
This text has a font color of #348aa9.
<span style="color:#348aa9;">Text here</span>
This paragraph has a background color of #348aa9.
<p style="background-color:#348aa9;">Content here</p>
This element has a border color of #348aa9.
<div style="border:1px solid #348aa9;">Content here</div>
.text {color:#348aa9;}
.background {background-color:#348aa9;}
.border {border:1px solid #348aa9;}
Shades and Tints of #348aa9
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, #010304 is the darkest color, while #f4fafc is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#061013
#061013
rgb(6,16,19)
-
#0a1c22
#0a1c22
rgb(10,28,34)
-
#0f2831
#0f2831
rgb(15,40,49)
-
#143440
#143440
rgb(20,52,64)
-
#18414f
#18414f
rgb(24,65,79)
-
#1d4d5e
#1d4d5e
rgb(29,77,94)
-
#22596d
#22596d
rgb(34,89,109)
-
#26657c
#26657c
rgb(38,101,124)
-
#2b728b
#2b728b
rgb(43,114,139)
-
#2f7e9a
#2f7e9a
rgb(47,126,154)
-
#348aa9
#348aa9
rgb(52,138,169)
-
#3996b8
#3996b8
rgb(57,150,184)
-
#40a1c4
#40a1c4
rgb(64,161,196)
-
#4fa9c9
#4fa9c9
rgb(79,169,201)
-
#5eb0cd
#5eb0cd
rgb(94,176,205)
-
#6db7d2
#6db7d2
rgb(109,183,210)
-
#7cbfd7
#7cbfd7
rgb(124,191,215)
-
#8bc6db
#8bc6db
rgb(139,198,219)
-
#9acde0
#9acde0
rgb(154,205,224)
-
#a9d5e5
#a9d5e5
rgb(169,213,229)
-
#b8dce9
#b8dce9
rgb(184,220,233)
-
#c7e3ee
#c7e3ee
rgb(199,227,238)
-
#d6ebf2
#d6ebf2
rgb(214,235,242)
-
#e5f2f7
#e5f2f7
rgb(229,242,247)
-
#f4fafc
#f4fafc
rgb(244,250,252)
Tones of #348aa9
A tone is produced by adding gray to any pure hue. In this case, #677276 is the less saturated color, while #01a2dc is the most saturated one.
-
#677276
#677276
rgb(103,114,118)
-
#5f767f
#5f767f
rgb(95,118,127)
-
#567a87
#567a87
rgb(86,122,135)
-
#4e7e90
#4e7e90
rgb(78,126,144)
-
#458298
#458298
rgb(69,130,152)
-
#3d86a1
#3d86a1
rgb(61,134,161)
-
#348aa9
#348aa9
rgb(52,138,169)
-
#2c8eb2
#2c8eb2
rgb(44,142,178)
-
#2392ba
#2392ba
rgb(35,146,186)
-
#1b96c3
#1b96c3
rgb(27,150,195)
-
#129acb
#129acb
rgb(18,154,203)
-
#0a9ed4
#0a9ed4
rgb(10,158,212)
-
#01a2dc
#01a2dc
rgb(1,162,220)
Color Blindness Simulator
Below, you can see how #348aa9 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.