#348aff Color Information
In a RGB color space, hex #348aff is composed of 20.4% red, 54.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 45.9% magenta, 0% yellow and 0% black. It has a hue angle of 214.6 degrees, a saturation of 100% and a lightness of 60.2%. #348aff color hex could be obtained by blending #68ffff with #0015ff. Closest websafe color is: #3399ff.
-
- R 20
- G 54
- B 100
-
- C 80
- M 46
- Y 0
- K 0
● #348aff color description : Light blue.
#348aff Color Conversion
The hexadecimal color #348aff has RGB values of R:52, G:138, B:255 and CMYK values of C:0.8, M:0.46, Y:0, K:0. Its decimal value is 3443455.
Hex triplet | 348aff | #348aff |
---|---|---|
RGB Decimal | 52, 138, 255 | rgb(52,138,255) |
RGB Percent | 20.4, 54.1, 100 | rgb(20.4%,54.1%,100%) |
CMYK | 80, 46, 0, 0 | |
HSL | 214.6°, 100, 60.2 | hsl(214.6,100%,60.2%) |
HSV (or HSB) | 214.6°, 79.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 58.155, 15.225, -65.339 |
---|---|
XYZ | 28.551, 26.125, 98.14 |
xyY | 0.187, 0.171, 26.125 |
CIE-LCH | 58.155, 67.09, 283.116 |
CIE-LUV | 58.155, -28.79, -105.405 |
Hunter-Lab | 51.112, 10.261, -78.063 |
Binary | 00110100, 10001010, 11111111 |
Color Schemes with #348aff
Alternatives to #348aff
Below, you can see some colors close to #348aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348aff Preview
This text has a font color of #348aff.
<span style="color:#348aff;">Text here</span>
This paragraph has a background color of #348aff.
<p style="background-color:#348aff;">Content here</p>
This element has a border color of #348aff.
<div style="border:1px solid #348aff;">Content here</div>
.text {color:#348aff;}
.background {background-color:#348aff;}
.border {border:1px solid #348aff;}
Shades and Tints of #348aff
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, #00050d is the darkest color, while #f8fbff is the lightest one.
-
#00050d
#00050d
rgb(0,5,13)
-
#000e20
#000e20
rgb(0,14,32)
-
#001634
#001634
rgb(0,22,52)
-
#001e48
#001e48
rgb(0,30,72)
-
#00275b
#00275b
rgb(0,39,91)
-
#002f6f
#002f6f
rgb(0,47,111)
-
#003782
#003782
rgb(0,55,130)
-
#004096
#004096
rgb(0,64,150)
-
#0048aa
#0048aa
rgb(0,72,170)
-
#0050bd
#0050bd
rgb(0,80,189)
-
#0059d1
#0059d1
rgb(0,89,209)
-
#0061e5
#0061e5
rgb(0,97,229)
-
#0069f8
#0069f8
rgb(0,105,248)
-
#0d73ff
#0d73ff
rgb(13,115,255)
-
#207fff
#207fff
rgb(32,127,255)
-
#348aff
#348aff
rgb(52,138,255)
-
#4895ff
#4895ff
rgb(72,149,255)
-
#5ba1ff
#5ba1ff
rgb(91,161,255)
-
#6facff
#6facff
rgb(111,172,255)
-
#82b7ff
#82b7ff
rgb(130,183,255)
-
#96c3ff
#96c3ff
rgb(150,195,255)
-
#aaceff
#aaceff
rgb(170,206,255)
-
#bdd9ff
#bdd9ff
rgb(189,217,255)
-
#d1e4ff
#d1e4ff
rgb(209,228,255)
-
#e5f0ff
#e5f0ff
rgb(229,240,255)
-
#f8fbff
#f8fbff
rgb(248,251,255)
Tones of #348aff
A tone is produced by adding gray to any pure hue. In this case, #9298a1 is the less saturated color, while #348aff is the most saturated one.
-
#9298a1
#9298a1
rgb(146,152,161)
-
#8a97a9
#8a97a9
rgb(138,151,169)
-
#8296b1
#8296b1
rgb(130,150,177)
-
#7a95b9
#7a95b9
rgb(122,149,185)
-
#7294c1
#7294c1
rgb(114,148,193)
-
#6b92c8
#6b92c8
rgb(107,146,200)
-
#6391d0
#6391d0
rgb(99,145,208)
-
#5b90d8
#5b90d8
rgb(91,144,216)
-
#538fe0
#538fe0
rgb(83,143,224)
-
#4b8ee8
#4b8ee8
rgb(75,142,232)
-
#448cef
#448cef
rgb(68,140,239)
-
#3c8bf7
#3c8bf7
rgb(60,139,247)
-
#348aff
#348aff
rgb(52,138,255)
Color Blindness Simulator
Below, you can see how #348aff 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.