#348ba8 Color Information
In a RGB color space, hex #348ba8 is composed of 20.4% red, 54.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 17.3% magenta, 0% yellow and 34.1% black. It has a hue angle of 195 degrees, a saturation of 52.7% and a lightness of 43.1%. #348ba8 color hex could be obtained by blending #68ffff with #001751. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 66
-
- C 69
- M 17
- Y 0
- K 34
● #348ba8 color description : Dark moderate blue.
#348ba8 Color Conversion
The hexadecimal color #348ba8 has RGB values of R:52, G:139, B:168 and CMYK values of C:0.69, M:0.17, Y:0, K:0.34. Its decimal value is 3443624.
Hex triplet | 348ba8 | #348ba8 |
---|---|---|
RGB Decimal | 52, 139, 168 | rgb(52,139,168) |
RGB Percent | 20.4, 54.5, 65.9 | rgb(20.4%,54.5%,65.9%) |
CMYK | 69, 17, 0, 34 | |
HSL | 195°, 52.7, 43.1 | hsl(195,52.7%,43.1%) |
HSV (or HSB) | 195°, 69, 65.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.049, -16.329, -22.894 |
---|---|
XYZ | 17.715, 22.021, 40.361 |
xyY | 0.221, 0.275, 22.021 |
CIE-LCH | 54.049, 28.121, 234.502 |
CIE-LUV | 54.049, -32.876, -32.222 |
Hunter-Lab | 46.927, -14.738, -18.145 |
Binary | 00110100, 10001011, 10101000 |
Color Schemes with #348ba8
Alternatives to #348ba8
Below, you can see some colors close to #348ba8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348ba8 Preview
This text has a font color of #348ba8.
<span style="color:#348ba8;">Text here</span>
This paragraph has a background color of #348ba8.
<p style="background-color:#348ba8;">Content here</p>
This element has a border color of #348ba8.
<div style="border:1px solid #348ba8;">Content here</div>
.text {color:#348ba8;}
.background {background-color:#348ba8;}
.border {border:1px solid #348ba8;}
Shades and Tints of #348ba8
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, #010303 is the darkest color, while #f3f9fb is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#060f12
#060f12
rgb(6,15,18)
-
#0a1b21
#0a1b21
rgb(10,27,33)
-
#0f2830
#0f2830
rgb(15,40,48)
-
#14343f
#14343f
rgb(20,52,63)
-
#18414e
#18414e
rgb(24,65,78)
-
#1d4d5d
#1d4d5d
rgb(29,77,93)
-
#21596c
#21596c
rgb(33,89,108)
-
#26667b
#26667b
rgb(38,102,123)
-
#2b728a
#2b728a
rgb(43,114,138)
-
#2f7f99
#2f7f99
rgb(47,127,153)
-
#348ba8
#348ba8
rgb(52,139,168)
-
#3997b7
#3997b7
rgb(57,151,183)
-
#40a3c4
#40a3c4
rgb(64,163,196)
-
#4eaac8
#4eaac8
rgb(78,170,200)
-
#5db1cd
#5db1cd
rgb(93,177,205)
-
#6cb8d2
#6cb8d2
rgb(108,184,210)
-
#7bc0d6
#7bc0d6
rgb(123,192,214)
-
#8ac7db
#8ac7db
rgb(138,199,219)
-
#99cee0
#99cee0
rgb(153,206,224)
-
#a8d5e4
#a8d5e4
rgb(168,213,228)
-
#b7dce9
#b7dce9
rgb(183,220,233)
-
#c6e4ed
#c6e4ed
rgb(198,228,237)
-
#d5ebf2
#d5ebf2
rgb(213,235,242)
-
#e4f2f7
#e4f2f7
rgb(228,242,247)
-
#f3f9fb
#f3f9fb
rgb(243,249,251)
Tones of #348ba8
A tone is produced by adding gray to any pure hue. In this case, #677275 is the less saturated color, while #01a4db is the most saturated one.
-
#677275
#677275
rgb(103,114,117)
-
#5e767e
#5e767e
rgb(94,118,126)
-
#567a86
#567a86
rgb(86,122,134)
-
#4d7e8f
#4d7e8f
rgb(77,126,143)
-
#458397
#458397
rgb(69,131,151)
-
#3c87a0
#3c87a0
rgb(60,135,160)
-
#348ba8
#348ba8
rgb(52,139,168)
-
#2c8fb0
#2c8fb0
rgb(44,143,176)
-
#2393b9
#2393b9
rgb(35,147,185)
-
#1b98c1
#1b98c1
rgb(27,152,193)
-
#129cca
#129cca
rgb(18,156,202)
-
#0aa0d2
#0aa0d2
rgb(10,160,210)
-
#01a4db
#01a4db
rgb(1,164,219)
Color Blindness Simulator
Below, you can see how #348ba8 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.