#349dff Color Information
In a RGB color space, hex #349dff is composed of 20.4% red, 61.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 38.4% magenta, 0% yellow and 0% black. It has a hue angle of 209 degrees, a saturation of 100% and a lightness of 60.2%. #349dff color hex could be obtained by blending #68ffff with #003bff. Closest websafe color is: #3399ff.
-
- R 20
- G 62
- B 100
-
- C 80
- M 38
- Y 0
- K 0
● #349dff color description : Light blue.
#349dff Color Conversion
The hexadecimal color #349dff has RGB values of R:52, G:157, B:255 and CMYK values of C:0.8, M:0.38, Y:0, K:0. Its decimal value is 3448319.
Hex triplet | 349dff | #349dff |
---|---|---|
RGB Decimal | 52, 157, 255 | rgb(52,157,255) |
RGB Percent | 20.4, 61.6, 100 | rgb(20.4%,61.6%,100%) |
CMYK | 80, 38, 0, 0 | |
HSL | 209°, 100, 60.2 | hsl(209,100%,60.2%) |
HSV (or HSB) | 209°, 79.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 63.394, 3.87, -56.955 |
---|---|
XYZ | 31.519, 32.061, 99.13 |
xyY | 0.194, 0.197, 32.061 |
CIE-LCH | 63.394, 57.086, 273.887 |
CIE-LUV | 63.394, -34.743, -92.32 |
Hunter-Lab | 56.623, 0.272, -64.163 |
Binary | 00110100, 10011101, 11111111 |
Color Schemes with #349dff
Alternatives to #349dff
Below, you can see some colors close to #349dff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#349dff Preview
This text has a font color of #349dff.
<span style="color:#349dff;">Text here</span>
This paragraph has a background color of #349dff.
<p style="background-color:#349dff;">Content here</p>
This element has a border color of #349dff.
<div style="border:1px solid #349dff;">Content here</div>
.text {color:#349dff;}
.background {background-color:#349dff;}
.border {border:1px solid #349dff;}
Shades and Tints of #349dff
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, #00070d is the darkest color, while #f8fcff is the lightest one.
-
#00070d
#00070d
rgb(0,7,13)
-
#001120
#001120
rgb(0,17,32)
-
#001b34
#001b34
rgb(0,27,52)
-
#002548
#002548
rgb(0,37,72)
-
#002f5b
#002f5b
rgb(0,47,91)
-
#00396f
#00396f
rgb(0,57,111)
-
#004382
#004382
rgb(0,67,130)
-
#004e96
#004e96
rgb(0,78,150)
-
#0058aa
#0058aa
rgb(0,88,170)
-
#0062bd
#0062bd
rgb(0,98,189)
-
#006cd1
#006cd1
rgb(0,108,209)
-
#0076e5
#0076e5
rgb(0,118,229)
-
#0080f8
#0080f8
rgb(0,128,248)
-
#0d8aff
#0d8aff
rgb(13,138,255)
-
#2094ff
#2094ff
rgb(32,148,255)
-
#349dff
#349dff
rgb(52,157,255)
-
#48a6ff
#48a6ff
rgb(72,166,255)
-
#5bb0ff
#5bb0ff
rgb(91,176,255)
-
#6fb9ff
#6fb9ff
rgb(111,185,255)
-
#82c3ff
#82c3ff
rgb(130,195,255)
-
#96ccff
#96ccff
rgb(150,204,255)
-
#aad6ff
#aad6ff
rgb(170,214,255)
-
#bddfff
#bddfff
rgb(189,223,255)
-
#d1e9ff
#d1e9ff
rgb(209,233,255)
-
#e5f2ff
#e5f2ff
rgb(229,242,255)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #349dff
A tone is produced by adding gray to any pure hue. In this case, #929aa1 is the less saturated color, while #349dff is the most saturated one.
-
#929aa1
#929aa1
rgb(146,154,161)
-
#8a9aa9
#8a9aa9
rgb(138,154,169)
-
#829ab1
#829ab1
rgb(130,154,177)
-
#7a9bb9
#7a9bb9
rgb(122,155,185)
-
#729bc1
#729bc1
rgb(114,155,193)
-
#6b9bc8
#6b9bc8
rgb(107,155,200)
-
#639bd0
#639bd0
rgb(99,155,208)
-
#5b9cd8
#5b9cd8
rgb(91,156,216)
-
#539ce0
#539ce0
rgb(83,156,224)
-
#4b9ce8
#4b9ce8
rgb(75,156,232)
-
#449cef
#449cef
rgb(68,156,239)
-
#3c9df7
#3c9df7
rgb(60,157,247)
-
#349dff
#349dff
rgb(52,157,255)
Color Blindness Simulator
Below, you can see how #349dff 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.