#349aff Color Information
In a RGB color space, hex #349aff is composed of 20.4% red, 60.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 39.6% magenta, 0% yellow and 0% black. It has a hue angle of 209.9 degrees, a saturation of 100% and a lightness of 60.2%. #349aff color hex could be obtained by blending #68ffff with #0035ff. Closest websafe color is: #3399ff.
-
- R 20
- G 60
- B 100
-
- C 80
- M 40
- Y 0
- K 0
● #349aff color description : Light blue.
#349aff Color Conversion
The hexadecimal color #349aff has RGB values of R:52, G:154, B:255 and CMYK values of C:0.8, M:0.4, Y:0, K:0. Its decimal value is 3447551.
Hex triplet | 349aff | #349aff |
---|---|---|
RGB Decimal | 52, 154, 255 | rgb(52,154,255) |
RGB Percent | 20.4, 60.4, 100 | rgb(20.4%,60.4%,100%) |
CMYK | 80, 40, 0, 0 | |
HSL | 209.9°, 100, 60.2 | hsl(209.9,100%,60.2%) |
HSV (or HSB) | 209.9°, 79.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 62.557, 5.631, -58.288 |
---|---|
XYZ | 31.018, 31.059, 98.962 |
xyY | 0.193, 0.193, 31.059 |
CIE-LCH | 62.557, 58.559, 275.518 |
CIE-LUV | 62.557, -33.78, -94.491 |
Hunter-Lab | 55.73, 1.819, -66.272 |
Binary | 00110100, 10011010, 11111111 |
Color Schemes with #349aff
Alternatives to #349aff
Below, you can see some colors close to #349aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#349aff Preview
This text has a font color of #349aff.
<span style="color:#349aff;">Text here</span>
This paragraph has a background color of #349aff.
<p style="background-color:#349aff;">Content here</p>
This element has a border color of #349aff.
<div style="border:1px solid #349aff;">Content here</div>
.text {color:#349aff;}
.background {background-color:#349aff;}
.border {border:1px solid #349aff;}
Shades and Tints of #349aff
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 #f8fcff is the lightest one.
-
#00060d
#00060d
rgb(0,6,13)
-
#001020
#001020
rgb(0,16,32)
-
#001a34
#001a34
rgb(0,26,52)
-
#002448
#002448
rgb(0,36,72)
-
#002e5b
#002e5b
rgb(0,46,91)
-
#00386f
#00386f
rgb(0,56,111)
-
#004282
#004282
rgb(0,66,130)
-
#004b96
#004b96
rgb(0,75,150)
-
#0055aa
#0055aa
rgb(0,85,170)
-
#005fbd
#005fbd
rgb(0,95,189)
-
#0069d1
#0069d1
rgb(0,105,209)
-
#0073e5
#0073e5
rgb(0,115,229)
-
#007df8
#007df8
rgb(0,125,248)
-
#0d86ff
#0d86ff
rgb(13,134,255)
-
#2090ff
#2090ff
rgb(32,144,255)
-
#349aff
#349aff
rgb(52,154,255)
-
#48a4ff
#48a4ff
rgb(72,164,255)
-
#5baeff
#5baeff
rgb(91,174,255)
-
#6fb7ff
#6fb7ff
rgb(111,183,255)
-
#82c1ff
#82c1ff
rgb(130,193,255)
-
#96cbff
#96cbff
rgb(150,203,255)
-
#aad5ff
#aad5ff
rgb(170,213,255)
-
#bddeff
#bddeff
rgb(189,222,255)
-
#d1e8ff
#d1e8ff
rgb(209,232,255)
-
#e5f2ff
#e5f2ff
rgb(229,242,255)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #349aff
A tone is produced by adding gray to any pure hue. In this case, #929aa1 is the less saturated color, while #349aff is the most saturated one.
-
#929aa1
#929aa1
rgb(146,154,161)
-
#8a9aa9
#8a9aa9
rgb(138,154,169)
-
#829ab1
#829ab1
rgb(130,154,177)
-
#7a9ab9
#7a9ab9
rgb(122,154,185)
-
#729ac1
#729ac1
rgb(114,154,193)
-
#6b9ac8
#6b9ac8
rgb(107,154,200)
-
#639ad0
#639ad0
rgb(99,154,208)
-
#5b9ad8
#5b9ad8
rgb(91,154,216)
-
#539ae0
#539ae0
rgb(83,154,224)
-
#4b9ae8
#4b9ae8
rgb(75,154,232)
-
#449aef
#449aef
rgb(68,154,239)
-
#3c9af7
#3c9af7
rgb(60,154,247)
-
#349aff
#349aff
rgb(52,154,255)
Color Blindness Simulator
Below, you can see how #349aff 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.