#3316f4 Color Information
In a RGB color space, hex #3316f4 is composed of 20% red, 8.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 91% magenta, 0% yellow and 4.3% black. It has a hue angle of 247.8 degrees, a saturation of 91% and a lightness of 52.2%. #3316f4 color hex could be obtained by blending #662cff with #0000e9. Closest websafe color is: #3300ff.
-
- R 20
- G 9
- B 96
-
- C 79
- M 91
- Y 0
- K 4
● #3316f4 color description : Vivid blue.
#3316f4 Color Conversion
The hexadecimal color #3316f4 has RGB values of R:51, G:22, B:244 and CMYK values of C:0.79, M:0.91, Y:0, K:0.04. Its decimal value is 3348212.
Hex triplet | 3316f4 | #3316f4 |
---|---|---|
RGB Decimal | 51, 22, 244 | rgb(51,22,244) |
RGB Percent | 20, 8.6, 95.7 | rgb(20%,8.6%,95.7%) |
CMYK | 79, 91, 0, 4 | |
HSL | 247.8°, 91, 52.2 | hsl(247.8,91%,52.2%) |
HSV (or HSB) | 247.8°, 91, 95.7 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 33.58, 73.308, -99.493 |
---|---|
XYZ | 17.978, 7.808, 86.143 |
xyY | 0.161, 0.07, 7.808 |
CIE-LCH | 33.58, 123.584, 306.383 |
CIE-LUV | 33.58, -6.593, -126.494 |
Hunter-Lab | 27.943, 65.944, -163.219 |
Binary | 00110011, 00010110, 11110100 |
Color Schemes with #3316f4
Alternatives to #3316f4
Below, you can see some colors close to #3316f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3316f4 Preview
This text has a font color of #3316f4.
<span style="color:#3316f4;">Text here</span>
This paragraph has a background color of #3316f4.
<p style="background-color:#3316f4;">Content here</p>
This element has a border color of #3316f4.
<div style="border:1px solid #3316f4;">Content here</div>
.text {color:#3316f4;}
.background {background-color:#3316f4;}
.border {border:1px solid #3316f4;}
Shades and Tints of #3316f4
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, #02000b is the darkest color, while #f8f7ff is the lightest one.
-
#02000b
#02000b
rgb(2,0,11)
-
#05011d
#05011d
rgb(5,1,29)
-
#080230
#080230
rgb(8,2,48)
-
#0b0343
#0b0343
rgb(11,3,67)
-
#0f0455
#0f0455
rgb(15,4,85)
-
#120568
#120568
rgb(18,5,104)
-
#15067b
#15067b
rgb(21,6,123)
-
#18078e
#18078e
rgb(24,7,142)
-
#1c08a0
#1c08a0
rgb(28,8,160)
-
#1f08b3
#1f08b3
rgb(31,8,179)
-
#2209c6
#2209c6
rgb(34,9,198)
-
#250ad9
#250ad9
rgb(37,10,217)
-
#280beb
#280beb
rgb(40,11,235)
-
#3316f4
#3316f4
rgb(51,22,244)
-
#4329f5
#4329f5
rgb(67,41,245)
-
#543bf6
#543bf6
rgb(84,59,246)
-
#644ef7
#644ef7
rgb(100,78,247)
-
#7561f8
#7561f8
rgb(117,97,248)
-
#8574f8
#8574f8
rgb(133,116,248)
-
#9586f9
#9586f9
rgb(149,134,249)
-
#a699fa
#a699fa
rgb(166,153,250)
-
#b6acfb
#b6acfb
rgb(182,172,251)
-
#c7bffc
#c7bffc
rgb(199,191,252)
-
#d7d1fd
#d7d1fd
rgb(215,209,253)
-
#e7e4fe
#e7e4fe
rgb(231,228,254)
-
#f8f7ff
#f8f7ff
rgb(248,247,255)
Tones of #3316f4
A tone is produced by adding gray to any pure hue. In this case, #7f7d8d is the less saturated color, while #2c0dfd is the most saturated one.
-
#7f7d8d
#7f7d8d
rgb(127,125,141)
-
#787496
#787496
rgb(120,116,150)
-
#716aa0
#716aa0
rgb(113,106,160)
-
#6a61a9
#6a61a9
rgb(106,97,169)
-
#6458b2
#6458b2
rgb(100,88,178)
-
#5d4ebc
#5d4ebc
rgb(93,78,188)
-
#5645c5
#5645c5
rgb(86,69,197)
-
#4f3cce
#4f3cce
rgb(79,60,206)
-
#4832d8
#4832d8
rgb(72,50,216)
-
#4129e1
#4129e1
rgb(65,41,225)
-
#3a1feb
#3a1feb
rgb(58,31,235)
-
#3316f4
#3316f4
rgb(51,22,244)
-
#2c0dfd
#2c0dfd
rgb(44,13,253)
Color Blindness Simulator
Below, you can see how #3316f4 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.