#348bfe Color Information
In a RGB color space, hex #348bfe is composed of 20.4% red, 54.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 45.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 214.2 degrees, a saturation of 99% and a lightness of 60%. #348bfe color hex could be obtained by blending #68ffff with #0017fd. Closest websafe color is: #3399ff.
-
- R 20
- G 55
- B 100
-
- C 80
- M 45
- Y 0
- K 0
● #348bfe color description : Bright blue.
#348bfe Color Conversion
The hexadecimal color #348bfe has RGB values of R:52, G:139, B:254 and CMYK values of C:0.8, M:0.45, Y:0, K:0. Its decimal value is 3443710.
Hex triplet | 348bfe | #348bfe |
---|---|---|
RGB Decimal | 52, 139, 254 | rgb(52,139,254) |
RGB Percent | 20.4, 54.5, 99.6 | rgb(20.4%,54.5%,99.6%) |
CMYK | 80, 45, 0, 0 | |
HSL | 214.2°, 99, 60 | hsl(214.2,99%,60%) |
HSV (or HSB) | 214.2°, 79.5, 99.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 58.367, 14.249, -64.45 |
---|---|
XYZ | 28.534, 26.349, 97.342 |
xyY | 0.187, 0.173, 26.349 |
CIE-LCH | 58.367, 66.007, 282.467 |
CIE-LUV | 58.367, -29.125, -103.982 |
Hunter-Lab | 51.331, 9.396, -76.504 |
Binary | 00110100, 10001011, 11111110 |
Color Schemes with #348bfe
Alternatives to #348bfe
Below, you can see some colors close to #348bfe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348bfe Preview
This text has a font color of #348bfe.
<span style="color:#348bfe;">Text here</span>
This paragraph has a background color of #348bfe.
<p style="background-color:#348bfe;">Content here</p>
This element has a border color of #348bfe.
<div style="border:1px solid #348bfe;">Content here</div>
.text {color:#348bfe;}
.background {background-color:#348bfe;}
.border {border:1px solid #348bfe;}
Shades and Tints of #348bfe
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, #00050c is the darkest color, while #f7fbff is the lightest one.
-
#00050c
#00050c
rgb(0,5,12)
-
#000e1f
#000e1f
rgb(0,14,31)
-
#001633
#001633
rgb(0,22,51)
-
#001e46
#001e46
rgb(0,30,70)
-
#00275a
#00275a
rgb(0,39,90)
-
#012f6d
#012f6d
rgb(1,47,109)
-
#013881
#013881
rgb(1,56,129)
-
#014094
#014094
rgb(1,64,148)
-
#0149a8
#0149a8
rgb(1,73,168)
-
#0151bb
#0151bb
rgb(1,81,187)
-
#015acf
#015acf
rgb(1,90,207)
-
#0162e2
#0162e2
rgb(1,98,226)
-
#016bf6
#016bf6
rgb(1,107,246)
-
#0d75fe
#0d75fe
rgb(13,117,254)
-
#2080fe
#2080fe
rgb(32,128,254)
-
#348bfe
#348bfe
rgb(52,139,254)
-
#4896fe
#4896fe
rgb(72,150,254)
-
#5ba1fe
#5ba1fe
rgb(91,161,254)
-
#6facfe
#6facfe
rgb(111,172,254)
-
#82b8fe
#82b8fe
rgb(130,184,254)
-
#96c3fe
#96c3fe
rgb(150,195,254)
-
#a9ceff
#a9ceff
rgb(169,206,255)
-
#bdd9ff
#bdd9ff
rgb(189,217,255)
-
#d0e4ff
#d0e4ff
rgb(208,228,255)
-
#e4efff
#e4efff
rgb(228,239,255)
-
#f7fbff
#f7fbff
rgb(247,251,255)
Tones of #348bfe
A tone is produced by adding gray to any pure hue. In this case, #9298a0 is the less saturated color, while #348bfe is the most saturated one.
-
#9298a0
#9298a0
rgb(146,152,160)
-
#8a97a8
#8a97a8
rgb(138,151,168)
-
#8296b0
#8296b0
rgb(130,150,176)
-
#7b95b7
#7b95b7
rgb(123,149,183)
-
#7394bf
#7394bf
rgb(115,148,191)
-
#6b93c7
#6b93c7
rgb(107,147,199)
-
#6392cf
#6392cf
rgb(99,146,207)
-
#5b90d7
#5b90d7
rgb(91,144,215)
-
#538fdf
#538fdf
rgb(83,143,223)
-
#4c8ee6
#4c8ee6
rgb(76,142,230)
-
#448dee
#448dee
rgb(68,141,238)
-
#3c8cf6
#3c8cf6
rgb(60,140,246)
-
#348bfe
#348bfe
rgb(52,139,254)
Color Blindness Simulator
Below, you can see how #348bfe 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.