#3218f4 Color Information
In a RGB color space, hex #3218f4 is composed of 19.6% red, 9.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 90.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 247.1 degrees, a saturation of 90.9% and a lightness of 52.5%. #3218f4 color hex could be obtained by blending #6430ff with #0000e9. Closest websafe color is: #3300ff.
-
- R 20
- G 9
- B 96
-
- C 80
- M 90
- Y 0
- K 4
● #3218f4 color description : Vivid blue.
#3218f4 Color Conversion
The hexadecimal color #3218f4 has RGB values of R:50, G:24, B:244 and CMYK values of C:0.8, M:0.9, Y:0, K:0.04. Its decimal value is 3283188.
Hex triplet | 3218f4 | #3218f4 |
---|---|---|
RGB Decimal | 50, 24, 244 | rgb(50,24,244) |
RGB Percent | 19.6, 9.4, 95.7 | rgb(19.6%,9.4%,95.7%) |
CMYK | 80, 90, 0, 4 | |
HSL | 247.1°, 90.9, 52.5 | hsl(247.1,90.9%,52.5%) |
HSV (or HSB) | 247.1°, 90.2, 95.7 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 33.694, 72.765, -99.306 |
---|---|
XYZ | 17.968, 7.862, 86.154 |
xyY | 0.16, 0.07, 7.862 |
CIE-LCH | 33.694, 123.111, 306.232 |
CIE-LUV | 33.694, -6.828, -126.548 |
Hunter-Lab | 28.039, 65.318, -162.549 |
Binary | 00110010, 00011000, 11110100 |
Color Schemes with #3218f4
Alternatives to #3218f4
Below, you can see some colors close to #3218f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3218f4 Preview
This text has a font color of #3218f4.
<span style="color:#3218f4;">Text here</span>
This paragraph has a background color of #3218f4.
<p style="background-color:#3218f4;">Content here</p>
This element has a border color of #3218f4.
<div style="border:1px solid #3218f4;">Content here</div>
.text {color:#3218f4;}
.background {background-color:#3218f4;}
.border {border:1px solid #3218f4;}
Shades and Tints of #3218f4
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, #02010c is the darkest color, while #f9f9ff is the lightest one.
-
#02010c
#02010c
rgb(2,1,12)
-
#05011f
#05011f
rgb(5,1,31)
-
#080232
#080232
rgb(8,2,50)
-
#0b0345
#0b0345
rgb(11,3,69)
-
#0e0457
#0e0457
rgb(14,4,87)
-
#11056a
#11056a
rgb(17,5,106)
-
#14067d
#14067d
rgb(20,6,125)
-
#17078f
#17078f
rgb(23,7,143)
-
#1a08a2
#1a08a2
rgb(26,8,162)
-
#1d09b5
#1d09b5
rgb(29,9,181)
-
#200ac8
#200ac8
rgb(32,10,200)
-
#230ada
#230ada
rgb(35,10,218)
-
#260bed
#260bed
rgb(38,11,237)
-
#3218f4
#3218f4
rgb(50,24,244)
-
#432bf5
#432bf5
rgb(67,43,245)
-
#533df6
#533df6
rgb(83,61,246)
-
#6450f7
#6450f7
rgb(100,80,247)
-
#7463f8
#7463f8
rgb(116,99,248)
-
#8576f8
#8576f8
rgb(133,118,248)
-
#9688f9
#9688f9
rgb(150,136,249)
-
#a69bfa
#a69bfa
rgb(166,155,250)
-
#b7aefb
#b7aefb
rgb(183,174,251)
-
#c8c1fc
#c8c1fc
rgb(200,193,252)
-
#d8d3fd
#d8d3fd
rgb(216,211,253)
-
#e9e6fe
#e9e6fe
rgb(233,230,254)
-
#f9f9ff
#f9f9ff
rgb(249,249,255)
Tones of #3218f4
A tone is produced by adding gray to any pure hue. In this case, #807e8e is the less saturated color, while #2b0ffd is the most saturated one.
-
#807e8e
#807e8e
rgb(128,126,142)
-
#797597
#797597
rgb(121,117,151)
-
#726ca0
#726ca0
rgb(114,108,160)
-
#6b62aa
#6b62aa
rgb(107,98,170)
-
#6459b3
#6459b3
rgb(100,89,179)
-
#5d50bc
#5d50bc
rgb(93,80,188)
-
#5647c5
#5647c5
rgb(86,71,197)
-
#4e3dcf
#4e3dcf
rgb(78,61,207)
-
#4734d8
#4734d8
rgb(71,52,216)
-
#402be1
#402be1
rgb(64,43,225)
-
#3921eb
#3921eb
rgb(57,33,235)
-
#3218f4
#3218f4
rgb(50,24,244)
-
#2b0ffd
#2b0ffd
rgb(43,15,253)
Color Blindness Simulator
Below, you can see how #3218f4 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.