#348fbb Color Information
In a RGB color space, hex #348fbb is composed of 20.4% red, 56.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 23.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 199.6 degrees, a saturation of 56.5% and a lightness of 46.9%. #348fbb color hex could be obtained by blending #68ffff with #001f77. Closest websafe color is: #3399cc.
-
- R 20
- G 56
- B 73
-
- C 72
- M 24
- Y 0
- K 27
● #348fbb color description : Moderate blue.
#348fbb Color Conversion
The hexadecimal color #348fbb has RGB values of R:52, G:143, B:187 and CMYK values of C:0.72, M:0.24, Y:0, K:0.27. Its decimal value is 3444667.
Hex triplet | 348fbb | #348fbb |
---|---|---|
RGB Decimal | 52, 143, 187 | rgb(52,143,187) |
RGB Percent | 20.4, 56.1, 73.3 | rgb(20.4%,56.1%,73.3%) |
CMYK | 72, 24, 0, 27 | |
HSL | 199.6°, 56.5, 46.9 | hsl(199.6,56.5%,46.9%) |
HSV (or HSB) | 199.6°, 72.2, 73.3 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.049, -12.143, -30.663 |
---|---|
XYZ | 20.206, 23.961, 50.571 |
xyY | 0.213, 0.253, 23.961 |
CIE-LCH | 56.049, 32.98, 248.396 |
CIE-LUV | 56.049, -33.317, -45.519 |
Hunter-Lab | 48.95, -11.98, -26.988 |
Binary | 00110100, 10001111, 10111011 |
Color Schemes with #348fbb
Alternatives to #348fbb
Below, you can see some colors close to #348fbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348fbb Preview
This text has a font color of #348fbb.
<span style="color:#348fbb;">Text here</span>
This paragraph has a background color of #348fbb.
<p style="background-color:#348fbb;">Content here</p>
This element has a border color of #348fbb.
<div style="border:1px solid #348fbb;">Content here</div>
.text {color:#348fbb;}
.background {background-color:#348fbb;}
.border {border:1px solid #348fbb;}
Shades and Tints of #348fbb
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, #010203 is the darkest color, while #f2f9fc is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050e12
#050e12
rgb(5,14,18)
-
#091a22
#091a22
rgb(9,26,34)
-
#0e2531
#0e2531
rgb(14,37,49)
-
#123140
#123140
rgb(18,49,64)
-
#163d50
#163d50
rgb(22,61,80)
-
#1a495f
#1a495f
rgb(26,73,95)
-
#1f546e
#1f546e
rgb(31,84,110)
-
#23607e
#23607e
rgb(35,96,126)
-
#276c8d
#276c8d
rgb(39,108,141)
-
#2b789c
#2b789c
rgb(43,120,156)
-
#3083ac
#3083ac
rgb(48,131,172)
-
#348fbb
#348fbb
rgb(52,143,187)
-
#3a9ac8
#3a9ac8
rgb(58,154,200)
-
#4aa2cd
#4aa2cd
rgb(74,162,205)
-
#59aad1
#59aad1
rgb(89,170,209)
-
#68b2d5
#68b2d5
rgb(104,178,213)
-
#78bad9
#78bad9
rgb(120,186,217)
-
#87c1de
#87c1de
rgb(135,193,222)
-
#96c9e2
#96c9e2
rgb(150,201,226)
-
#a6d1e6
#a6d1e6
rgb(166,209,230)
-
#b5d9ea
#b5d9ea
rgb(181,217,234)
-
#c4e1ef
#c4e1ef
rgb(196,225,239)
-
#d4e9f3
#d4e9f3
rgb(212,233,243)
-
#e3f1f7
#e3f1f7
rgb(227,241,247)
-
#f2f9fc
#f2f9fc
rgb(242,249,252)
Tones of #348fbb
A tone is produced by adding gray to any pure hue. In this case, #74797b is the less saturated color, while #069fe9 is the most saturated one.
-
#74797b
#74797b
rgb(116,121,123)
-
#6b7c84
#6b7c84
rgb(107,124,132)
-
#627f8d
#627f8d
rgb(98,127,141)
-
#598296
#598296
rgb(89,130,150)
-
#50859f
#50859f
rgb(80,133,159)
-
#4689a9
#4689a9
rgb(70,137,169)
-
#3d8cb2
#3d8cb2
rgb(61,140,178)
-
#348fbb
#348fbb
rgb(52,143,187)
-
#2b92c4
#2b92c4
rgb(43,146,196)
-
#2295cd
#2295cd
rgb(34,149,205)
-
#1899d7
#1899d7
rgb(24,153,215)
-
#0f9ce0
#0f9ce0
rgb(15,156,224)
-
#069fe9
#069fe9
rgb(6,159,233)
Color Blindness Simulator
Below, you can see how #348fbb 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.