#3349ff Color Information
In a RGB color space, hex #3349ff is composed of 20% red, 28.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 71.4% magenta, 0% yellow and 0% black. It has a hue angle of 233.5 degrees, a saturation of 100% and a lightness of 60%. #3349ff color hex could be obtained by blending #6692ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 20
- G 29
- B 100
-
- C 80
- M 71
- Y 0
- K 0
● #3349ff color description : Vivid blue.
#3349ff Color Conversion
The hexadecimal color #3349ff has RGB values of R:51, G:73, B:255 and CMYK values of C:0.8, M:0.71, Y:0, K:0. Its decimal value is 3361279.
Hex triplet | 3349ff | #3349ff |
---|---|---|
RGB Decimal | 51, 73, 255 | rgb(51,73,255) |
RGB Percent | 20, 28.6, 100 | rgb(20%,28.6%,100%) |
CMYK | 80, 71, 0, 0 | |
HSL | 233.5°, 100, 60 | hsl(233.5,100%,60%) |
HSV (or HSB) | 233.5°, 80, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 42.288, 54.792, -91.217 |
---|---|
XYZ | 21.794, 12.687, 95.903 |
xyY | 0.167, 0.097, 12.687 |
CIE-LCH | 42.288, 106.408, 300.992 |
CIE-LUV | 42.288, -12.876, -131.873 |
Hunter-Lab | 35.619, 46.884, -134.701 |
Binary | 00110011, 01001001, 11111111 |
Color Schemes with #3349ff
Alternatives to #3349ff
Below, you can see some colors close to #3349ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3349ff Preview
This text has a font color of #3349ff.
<span style="color:#3349ff;">Text here</span>
This paragraph has a background color of #3349ff.
<p style="background-color:#3349ff;">Content here</p>
This element has a border color of #3349ff.
<div style="border:1px solid #3349ff;">Content here</div>
.text {color:#3349ff;}
.background {background-color:#3349ff;}
.border {border:1px solid #3349ff;}
Shades and Tints of #3349ff
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, #00010c is the darkest color, while #f7f8ff is the lightest one.
-
#00010c
#00010c
rgb(0,1,12)
-
#00031f
#00031f
rgb(0,3,31)
-
#000533
#000533
rgb(0,5,51)
-
#000847
#000847
rgb(0,8,71)
-
#000a5a
#000a5a
rgb(0,10,90)
-
#000c6e
#000c6e
rgb(0,12,110)
-
#000e81
#000e81
rgb(0,14,129)
-
#001095
#001095
rgb(0,16,149)
-
#0012a9
#0012a9
rgb(0,18,169)
-
#0014bc
#0014bc
rgb(0,20,188)
-
#0016d0
#0016d0
rgb(0,22,208)
-
#0019e4
#0019e4
rgb(0,25,228)
-
#001bf7
#001bf7
rgb(0,27,247)
-
#0c26ff
#0c26ff
rgb(12,38,255)
-
#1f37ff
#1f37ff
rgb(31,55,255)
-
#3349ff
#3349ff
rgb(51,73,255)
-
#475aff
#475aff
rgb(71,90,255)
-
#5a6cff
#5a6cff
rgb(90,108,255)
-
#6e7eff
#6e7eff
rgb(110,126,255)
-
#818fff
#818fff
rgb(129,143,255)
-
#95a1ff
#95a1ff
rgb(149,161,255)
-
#a9b2ff
#a9b2ff
rgb(169,178,255)
-
#bcc4ff
#bcc4ff
rgb(188,196,255)
-
#d0d5ff
#d0d5ff
rgb(208,213,255)
-
#e4e7ff
#e4e7ff
rgb(228,231,255)
-
#f7f8ff
#f7f8ff
rgb(247,248,255)
Tones of #3349ff
A tone is produced by adding gray to any pure hue. In this case, #9193a1 is the less saturated color, while #3349ff is the most saturated one.
-
#9193a1
#9193a1
rgb(145,147,161)
-
#898da9
#898da9
rgb(137,141,169)
-
#8187b1
#8187b1
rgb(129,135,177)
-
#7a80b8
#7a80b8
rgb(122,128,184)
-
#727ac0
#727ac0
rgb(114,122,192)
-
#6a74c8
#6a74c8
rgb(106,116,200)
-
#626ed0
#626ed0
rgb(98,110,208)
-
#5a68d8
#5a68d8
rgb(90,104,216)
-
#5262e0
#5262e0
rgb(82,98,224)
-
#4b5be7
#4b5be7
rgb(75,91,231)
-
#4355ef
#4355ef
rgb(67,85,239)
-
#3b4ff7
#3b4ff7
rgb(59,79,247)
-
#3349ff
#3349ff
rgb(51,73,255)
Color Blindness Simulator
Below, you can see how #3349ff 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.