#348aa6 Color Information
In a RGB color space, hex #348aa6 is composed of 20.4% red, 54.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 16.9% magenta, 0% yellow and 34.9% black. It has a hue angle of 194.7 degrees, a saturation of 52.3% and a lightness of 42.7%. #348aa6 color hex could be obtained by blending #68ffff with #00154d. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 65
-
- C 69
- M 17
- Y 0
- K 35
● #348aa6 color description : Dark moderate cyan.
#348aa6 Color Conversion
The hexadecimal color #348aa6 has RGB values of R:52, G:138, B:166 and CMYK values of C:0.69, M:0.17, Y:0, K:0.35. Its decimal value is 3443366.
Hex triplet | 348aa6 | #348aa6 |
---|---|---|
RGB Decimal | 52, 138, 166 | rgb(52,138,166) |
RGB Percent | 20.4, 54.1, 65.1 | rgb(20.4%,54.1%,65.1%) |
CMYK | 69, 17, 0, 35 | |
HSL | 194.7°, 52.3, 42.7 | hsl(194.7,52.3%,42.7%) |
HSV (or HSB) | 194.7°, 68.7, 65.1 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.663, -16.444, -22.337 |
---|---|
XYZ | 17.386, 21.659, 39.339 |
xyY | 0.222, 0.276, 21.659 |
CIE-LCH | 53.663, 27.737, 233.641 |
CIE-LUV | 53.663, -32.615, -31.28 |
Hunter-Lab | 46.539, -14.76, -17.54 |
Binary | 00110100, 10001010, 10100110 |
Color Schemes with #348aa6
Alternatives to #348aa6
Below, you can see some colors close to #348aa6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348aa6 Preview
This text has a font color of #348aa6.
<span style="color:#348aa6;">Text here</span>
This paragraph has a background color of #348aa6.
<p style="background-color:#348aa6;">Content here</p>
This element has a border color of #348aa6.
<div style="border:1px solid #348aa6;">Content here</div>
.text {color:#348aa6;}
.background {background-color:#348aa6;}
.border {border:1px solid #348aa6;}
Shades and Tints of #348aa6
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, #010102 is the darkest color, while #f2f9fb is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#050e11
#050e11
rgb(5,14,17)
-
#0a1a20
#0a1a20
rgb(10,26,32)
-
#0f272f
#0f272f
rgb(15,39,47)
-
#13333d
#13333d
rgb(19,51,61)
-
#183f4c
#183f4c
rgb(24,63,76)
-
#1d4c5b
#1d4c5b
rgb(29,76,91)
-
#21586a
#21586a
rgb(33,88,106)
-
#266579
#266579
rgb(38,101,121)
-
#2b7188
#2b7188
rgb(43,113,136)
-
#2f7e97
#2f7e97
rgb(47,126,151)
-
#348aa6
#348aa6
rgb(52,138,166)
-
#3996b5
#3996b5
rgb(57,150,181)
-
#3fa2c3
#3fa2c3
rgb(63,162,195)
-
#4da9c7
#4da9c7
rgb(77,169,199)
-
#5cb1cc
#5cb1cc
rgb(92,177,204)
-
#6bb8d1
#6bb8d1
rgb(107,184,209)
-
#7abfd5
#7abfd5
rgb(122,191,213)
-
#89c6da
#89c6da
rgb(137,198,218)
-
#98cddf
#98cddf
rgb(152,205,223)
-
#a7d5e3
#a7d5e3
rgb(167,213,227)
-
#b6dce8
#b6dce8
rgb(182,220,232)
-
#c5e3ed
#c5e3ed
rgb(197,227,237)
-
#d4eaf1
#d4eaf1
rgb(212,234,241)
-
#e3f1f6
#e3f1f6
rgb(227,241,246)
-
#f2f9fb
#f2f9fb
rgb(242,249,251)
Tones of #348aa6
A tone is produced by adding gray to any pure hue. In this case, #667074 is the less saturated color, while #02a4d8 is the most saturated one.
-
#667074
#667074
rgb(102,112,116)
-
#5e757c
#5e757c
rgb(94,117,124)
-
#567984
#567984
rgb(86,121,132)
-
#4d7d8d
#4d7d8d
rgb(77,125,141)
-
#458195
#458195
rgb(69,129,149)
-
#3c869e
#3c869e
rgb(60,134,158)
-
#348aa6
#348aa6
rgb(52,138,166)
-
#2c8eae
#2c8eae
rgb(44,142,174)
-
#2393b7
#2393b7
rgb(35,147,183)
-
#1b97bf
#1b97bf
rgb(27,151,191)
-
#129bc8
#129bc8
rgb(18,155,200)
-
#0a9fd0
#0a9fd0
rgb(10,159,208)
-
#02a4d8
#02a4d8
rgb(2,164,216)
Color Blindness Simulator
Below, you can see how #348aa6 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.