#348ab6 Color Information
In a RGB color space, hex #348ab6 is composed of 20.4% red, 54.1% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 24.2% magenta, 0% yellow and 28.6% black. It has a hue angle of 200.3 degrees, a saturation of 55.6% and a lightness of 45.9%. #348ab6 color hex could be obtained by blending #68ffff with #00156d. Closest websafe color is: #3399cc.
-
- R 20
- G 54
- B 71
-
- C 71
- M 24
- Y 0
- K 29
● #348ab6 color description : Moderate blue.
#348ab6 Color Conversion
The hexadecimal color #348ab6 has RGB values of R:52, G:138, B:182 and CMYK values of C:0.71, M:0.24, Y:0, K:0.29. Its decimal value is 3443382.
Hex triplet | 348ab6 | #348ab6 |
---|---|---|
RGB Decimal | 52, 138, 182 | rgb(52,138,182) |
RGB Percent | 20.4, 54.1, 71.4 | rgb(20.4%,54.1%,71.4%) |
CMYK | 71, 24, 0, 29 | |
HSL | 200.3°, 55.6, 45.9 | hsl(200.3,55.6%,45.9%) |
HSV (or HSB) | 200.3°, 71.4, 71.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 54.326, -11.052, -30.493 |
---|---|
XYZ | 18.946, 22.283, 47.556 |
xyY | 0.213, 0.251, 22.283 |
CIE-LCH | 54.326, 32.434, 250.076 |
CIE-LUV | 54.326, -31.784, -45.124 |
Hunter-Lab | 47.205, -10.966, -26.688 |
Binary | 00110100, 10001010, 10110110 |
Color Schemes with #348ab6
Alternatives to #348ab6
Below, you can see some colors close to #348ab6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348ab6 Preview
This text has a font color of #348ab6.
<span style="color:#348ab6;">Text here</span>
This paragraph has a background color of #348ab6.
<p style="background-color:#348ab6;">Content here</p>
This element has a border color of #348ab6.
<div style="border:1px solid #348ab6;">Content here</div>
.text {color:#348ab6;}
.background {background-color:#348ab6;}
.border {border:1px solid #348ab6;}
Shades and Tints of #348ab6
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, #040b0e is the darkest color, while #fefeff is the lightest one.
-
#040b0e
#040b0e
rgb(4,11,14)
-
#08161d
#08161d
rgb(8,22,29)
-
#0d222d
#0d222d
rgb(13,34,45)
-
#112d3c
#112d3c
rgb(17,45,60)
-
#15394b
#15394b
rgb(21,57,75)
-
#1a455a
#1a455a
rgb(26,69,90)
-
#1e506a
#1e506a
rgb(30,80,106)
-
#235c79
#235c79
rgb(35,92,121)
-
#276788
#276788
rgb(39,103,136)
-
#2b7397
#2b7397
rgb(43,115,151)
-
#307ea7
#307ea7
rgb(48,126,167)
-
#348ab6
#348ab6
rgb(52,138,182)
-
#3896c5
#3896c5
rgb(56,150,197)
-
#479eca
#479eca
rgb(71,158,202)
-
#56a6cf
#56a6cf
rgb(86,166,207)
-
#65aed3
#65aed3
rgb(101,174,211)
-
#75b6d7
#75b6d7
rgb(117,182,215)
-
#84bedc
#84bedc
rgb(132,190,220)
-
#93c6e0
#93c6e0
rgb(147,198,224)
-
#a2cee5
#a2cee5
rgb(162,206,229)
-
#b2d6e9
#b2d6e9
rgb(178,214,233)
-
#c1deed
#c1deed
rgb(193,222,237)
-
#d0e6f2
#d0e6f2
rgb(208,230,242)
-
#dfeef6
#dfeef6
rgb(223,238,246)
-
#eff6fa
#eff6fa
rgb(239,246,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #348ab6
A tone is produced by adding gray to any pure hue. In this case, #737677 is the less saturated color, while #0799e3 is the most saturated one.
-
#737677
#737677
rgb(115,118,119)
-
#6a7980
#6a7980
rgb(106,121,128)
-
#617b89
#617b89
rgb(97,123,137)
-
#587e92
#587e92
rgb(88,126,146)
-
#4f819b
#4f819b
rgb(79,129,155)
-
#4684a4
#4684a4
rgb(70,132,164)
-
#3d87ad
#3d87ad
rgb(61,135,173)
-
#348ab6
#348ab6
rgb(52,138,182)
-
#2b8dbf
#2b8dbf
rgb(43,141,191)
-
#2290c8
#2290c8
rgb(34,144,200)
-
#1993d1
#1993d1
rgb(25,147,209)
-
#1096da
#1096da
rgb(16,150,218)
-
#0799e3
#0799e3
rgb(7,153,227)
Color Blindness Simulator
Below, you can see how #348ab6 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.