#348aa0 Color Information
In a RGB color space, hex #348aa0 is composed of 20.4% red, 54.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 13.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 192.2 degrees, a saturation of 50.9% and a lightness of 41.6%. #348aa0 color hex could be obtained by blending #68ffff with #001541. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 63
-
- C 68
- M 14
- Y 0
- K 37
● #348aa0 color description : Dark moderate cyan.
#348aa0 Color Conversion
The hexadecimal color #348aa0 has RGB values of R:52, G:138, B:160 and CMYK values of C:0.68, M:0.14, Y:0, K:0.37. Its decimal value is 3443360.
Hex triplet | 348aa0 | #348aa0 |
---|---|---|
RGB Decimal | 52, 138, 160 | rgb(52,138,160) |
RGB Percent | 20.4, 54.1, 62.7 | rgb(20.4%,54.1%,62.7%) |
CMYK | 68, 14, 0, 37 | |
HSL | 192.2°, 50.9, 41.6 | hsl(192.2,50.9%,41.6%) |
HSV (or HSB) | 192.2°, 67.5, 62.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.432, -18.403, -19.233 |
---|---|
XYZ | 16.848, 21.444, 36.507 |
xyY | 0.225, 0.287, 21.444 |
CIE-LCH | 53.432, 26.619, 226.262 |
CIE-LUV | 53.432, -32.938, -26.097 |
Hunter-Lab | 46.307, -16.094, -14.327 |
Binary | 00110100, 10001010, 10100000 |
Color Schemes with #348aa0
Alternatives to #348aa0
Below, you can see some colors close to #348aa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348aa0 Preview
This text has a font color of #348aa0.
<span style="color:#348aa0;">Text here</span>
This paragraph has a background color of #348aa0.
<p style="background-color:#348aa0;">Content here</p>
This element has a border color of #348aa0.
<div style="border:1px solid #348aa0;">Content here</div>
.text {color:#348aa0;}
.background {background-color:#348aa0;}
.border {border:1px solid #348aa0;}
Shades and Tints of #348aa0
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, #040a0c is the darkest color, while #fcfefe is the lightest one.
-
#040a0c
#040a0c
rgb(4,10,12)
-
#09171b
#09171b
rgb(9,23,27)
-
#0e242a
#0e242a
rgb(14,36,42)
-
#123138
#123138
rgb(18,49,56)
-
#173d47
#173d47
rgb(23,61,71)
-
#1c4a56
#1c4a56
rgb(28,74,86)
-
#215765
#215765
rgb(33,87,101)
-
#266474
#266474
rgb(38,100,116)
-
#2a7082
#2a7082
rgb(42,112,130)
-
#2f7d91
#2f7d91
rgb(47,125,145)
-
#348aa0
#348aa0
rgb(52,138,160)
-
#3997af
#3997af
rgb(57,151,175)
-
#3ea4be
#3ea4be
rgb(62,164,190)
-
#4bacc4
#4bacc4
rgb(75,172,196)
-
#59b2c9
#59b2c9
rgb(89,178,201)
-
#68b9ce
#68b9ce
rgb(104,185,206)
-
#77c0d3
#77c0d3
rgb(119,192,211)
-
#86c7d8
#86c7d8
rgb(134,199,216)
-
#95cedc
#95cedc
rgb(149,206,220)
-
#a3d5e1
#a3d5e1
rgb(163,213,225)
-
#b2dbe6
#b2dbe6
rgb(178,219,230)
-
#c1e2eb
#c1e2eb
rgb(193,226,235)
-
#d0e9f0
#d0e9f0
rgb(208,233,240)
-
#dff0f4
#dff0f4
rgb(223,240,244)
-
#edf7f9
#edf7f9
rgb(237,247,249)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #348aa0
A tone is produced by adding gray to any pure hue. In this case, #656d6f is the less saturated color, while #03a7d1 is the most saturated one.
-
#656d6f
#656d6f
rgb(101,109,111)
-
#5d7277
#5d7277
rgb(93,114,119)
-
#55777f
#55777f
rgb(85,119,127)
-
#4c7c88
#4c7c88
rgb(76,124,136)
-
#448090
#448090
rgb(68,128,144)
-
#3c8598
#3c8598
rgb(60,133,152)
-
#348aa0
#348aa0
rgb(52,138,160)
-
#2c8fa8
#2c8fa8
rgb(44,143,168)
-
#2494b0
#2494b0
rgb(36,148,176)
-
#1c98b8
#1c98b8
rgb(28,152,184)
-
#139dc1
#139dc1
rgb(19,157,193)
-
#0ba2c9
#0ba2c9
rgb(11,162,201)
-
#03a7d1
#03a7d1
rgb(3,167,209)
Color Blindness Simulator
Below, you can see how #348aa0 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.