#3314f5 Color Information
In a RGB color space, hex #3314f5 is composed of 20% red, 7.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 91.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 248.3 degrees, a saturation of 91.8% and a lightness of 52%. #3314f5 color hex could be obtained by blending #6628ff with #0000eb. Closest websafe color is: #3300ff.
-
- R 20
- G 8
- B 96
-
- C 79
- M 92
- Y 0
- K 4
● #3314f5 color description : Vivid blue.
#3314f5 Color Conversion
The hexadecimal color #3314f5 has RGB values of R:51, G:20, B:245 and CMYK values of C:0.79, M:0.92, Y:0, K:0.04. Its decimal value is 3347701.
Hex triplet | 3314f5 | #3314f5 |
---|---|---|
RGB Decimal | 51, 20, 245 | rgb(51,20,245) |
RGB Percent | 20, 7.8, 96.1 | rgb(20%,7.8%,96.1%) |
CMYK | 79, 92, 0, 4 | |
HSL | 248.3°, 91.8, 52 | hsl(248.3,91.8%,52%) |
HSV (or HSB) | 248.3°, 91.8, 96.1 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 33.553, 74.037, -100.103 |
---|---|
XYZ | 18.094, 7.796, 86.932 |
xyY | 0.16, 0.069, 7.796 |
CIE-LCH | 33.553, 124.507, 306.487 |
CIE-LUV | 33.553, -6.541, -126.97 |
Hunter-Lab | 27.92, 66.814, -165.059 |
Binary | 00110011, 00010100, 11110101 |
Color Schemes with #3314f5
Alternatives to #3314f5
Below, you can see some colors close to #3314f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3314f5 Preview
This text has a font color of #3314f5.
<span style="color:#3314f5;">Text here</span>
This paragraph has a background color of #3314f5.
<p style="background-color:#3314f5;">Content here</p>
This element has a border color of #3314f5.
<div style="border:1px solid #3314f5;">Content here</div>
.text {color:#3314f5;}
.background {background-color:#3314f5;}
.border {border:1px solid #3314f5;}
Shades and Tints of #3314f5
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, #02000a is the darkest color, while #f7f6ff is the lightest one.
-
#02000a
#02000a
rgb(2,0,10)
-
#05011c
#05011c
rgb(5,1,28)
-
#08022f
#08022f
rgb(8,2,47)
-
#0c0342
#0c0342
rgb(12,3,66)
-
#0f0455
#0f0455
rgb(15,4,85)
-
#120468
#120468
rgb(18,4,104)
-
#15057a
#15057a
rgb(21,5,122)
-
#19068d
#19068d
rgb(25,6,141)
-
#1c07a0
#1c07a0
rgb(28,7,160)
-
#1f08b3
#1f08b3
rgb(31,8,179)
-
#2208c6
#2208c6
rgb(34,8,198)
-
#2609d9
#2609d9
rgb(38,9,217)
-
#290aeb
#290aeb
rgb(41,10,235)
-
#3314f5
#3314f5
rgb(51,20,245)
-
#4327f6
#4327f6
rgb(67,39,246)
-
#543af7
#543af7
rgb(84,58,247)
-
#644cf7
#644cf7
rgb(100,76,247)
-
#745ff8
#745ff8
rgb(116,95,248)
-
#8572f9
#8572f9
rgb(133,114,249)
-
#9585fa
#9585fa
rgb(149,133,250)
-
#a598fb
#a598fb
rgb(165,152,251)
-
#b6abfb
#b6abfb
rgb(182,171,251)
-
#c6bdfc
#c6bdfc
rgb(198,189,252)
-
#d6d0fd
#d6d0fd
rgb(214,208,253)
-
#e7e3fe
#e7e3fe
rgb(231,227,254)
-
#f7f6ff
#f7f6ff
rgb(247,246,255)
Tones of #3314f5
A tone is produced by adding gray to any pure hue. In this case, #7e7c8d is the less saturated color, while #2c0bfe is the most saturated one.
-
#7e7c8d
#7e7c8d
rgb(126,124,141)
-
#777297
#777297
rgb(119,114,151)
-
#7069a0
#7069a0
rgb(112,105,160)
-
#6a5faa
#6a5faa
rgb(106,95,170)
-
#6356b3
#6356b3
rgb(99,86,179)
-
#5c4dbc
#5c4dbc
rgb(92,77,188)
-
#5543c6
#5543c6
rgb(85,67,198)
-
#4e3acf
#4e3acf
rgb(78,58,207)
-
#4730d9
#4730d9
rgb(71,48,217)
-
#4127e2
#4127e2
rgb(65,39,226)
-
#3a1dec
#3a1dec
rgb(58,29,236)
-
#3314f5
#3314f5
rgb(51,20,245)
-
#2c0bfe
#2c0bfe
rgb(44,11,254)
Color Blindness Simulator
Below, you can see how #3314f5 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.