#348fff Color Information
In a RGB color space, hex #348fff is composed of 20.4% red, 56.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 43.9% magenta, 0% yellow and 0% black. It has a hue angle of 213.1 degrees, a saturation of 100% and a lightness of 60.2%. #348fff color hex could be obtained by blending #68ffff with #001fff. Closest websafe color is: #3399ff.
-
- R 20
- G 56
- B 100
-
- C 80
- M 44
- Y 0
- K 0
● #348fff color description : Light blue.
#348fff Color Conversion
The hexadecimal color #348fff has RGB values of R:52, G:143, B:255 and CMYK values of C:0.8, M:0.44, Y:0, K:0. Its decimal value is 3444735.
Hex triplet | 348fff | #348fff |
---|---|---|
RGB Decimal | 52, 143, 255 | rgb(52,143,255) |
RGB Percent | 20.4, 56.1, 100 | rgb(20.4%,56.1%,100%) |
CMYK | 80, 44, 0, 0 | |
HSL | 213.1°, 100, 60.2 | hsl(213.1,100%,60.2%) |
HSV (or HSB) | 213.1°, 79.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 59.519, 12.192, -63.149 |
---|---|
XYZ | 29.285, 27.593, 98.385 |
xyY | 0.189, 0.178, 27.593 |
CIE-LCH | 59.519, 64.315, 280.928 |
CIE-LUV | 59.519, -30.32, -102.127 |
Hunter-Lab | 52.529, 7.588, -74.279 |
Binary | 00110100, 10001111, 11111111 |
Color Schemes with #348fff
Alternatives to #348fff
Below, you can see some colors close to #348fff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348fff Preview
This text has a font color of #348fff.
<span style="color:#348fff;">Text here</span>
This paragraph has a background color of #348fff.
<p style="background-color:#348fff;">Content here</p>
This element has a border color of #348fff.
<div style="border:1px solid #348fff;">Content here</div>
.text {color:#348fff;}
.background {background-color:#348fff;}
.border {border:1px solid #348fff;}
Shades and Tints of #348fff
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, #00060d is the darkest color, while #f8fbff is the lightest one.
-
#00060d
#00060d
rgb(0,6,13)
-
#000f20
#000f20
rgb(0,15,32)
-
#001734
#001734
rgb(0,23,52)
-
#002048
#002048
rgb(0,32,72)
-
#00295b
#00295b
rgb(0,41,91)
-
#00326f
#00326f
rgb(0,50,111)
-
#003a82
#003a82
rgb(0,58,130)
-
#004396
#004396
rgb(0,67,150)
-
#004caa
#004caa
rgb(0,76,170)
-
#0055bd
#0055bd
rgb(0,85,189)
-
#005ed1
#005ed1
rgb(0,94,209)
-
#0066e5
#0066e5
rgb(0,102,229)
-
#006ff8
#006ff8
rgb(0,111,248)
-
#0d79ff
#0d79ff
rgb(13,121,255)
-
#2084ff
#2084ff
rgb(32,132,255)
-
#348fff
#348fff
rgb(52,143,255)
-
#489aff
#489aff
rgb(72,154,255)
-
#5ba5ff
#5ba5ff
rgb(91,165,255)
-
#6fafff
#6fafff
rgb(111,175,255)
-
#82baff
#82baff
rgb(130,186,255)
-
#96c5ff
#96c5ff
rgb(150,197,255)
-
#aad0ff
#aad0ff
rgb(170,208,255)
-
#bddbff
#bddbff
rgb(189,219,255)
-
#d1e6ff
#d1e6ff
rgb(209,230,255)
-
#e5f0ff
#e5f0ff
rgb(229,240,255)
-
#f8fbff
#f8fbff
rgb(248,251,255)
Tones of #348fff
A tone is produced by adding gray to any pure hue. In this case, #9299a1 is the less saturated color, while #348fff is the most saturated one.
-
#9299a1
#9299a1
rgb(146,153,161)
-
#8a98a9
#8a98a9
rgb(138,152,169)
-
#8297b1
#8297b1
rgb(130,151,177)
-
#7a96b9
#7a96b9
rgb(122,150,185)
-
#7295c1
#7295c1
rgb(114,149,193)
-
#6b95c8
#6b95c8
rgb(107,149,200)
-
#6394d0
#6394d0
rgb(99,148,208)
-
#5b93d8
#5b93d8
rgb(91,147,216)
-
#5392e0
#5392e0
rgb(83,146,224)
-
#4b91e8
#4b91e8
rgb(75,145,232)
-
#4491ef
#4491ef
rgb(68,145,239)
-
#3c90f7
#3c90f7
rgb(60,144,247)
-
#348fff
#348fff
rgb(52,143,255)
Color Blindness Simulator
Below, you can see how #348fff 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.