#3315f2 Color Information
In a RGB color space, hex #3315f2 is composed of 20% red, 8.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 91.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 248.1 degrees, a saturation of 89.5% and a lightness of 51.6%. #3315f2 color hex could be obtained by blending #662aff with #0000e5. Closest websafe color is: #3300ff.
-
- R 20
- G 8
- B 95
-
- C 79
- M 91
- Y 0
- K 5
● #3315f2 color description : Vivid blue.
#3315f2 Color Conversion
The hexadecimal color #3315f2 has RGB values of R:51, G:21, B:242 and CMYK values of C:0.79, M:0.91, Y:0, K:0.05. Its decimal value is 3347954.
Hex triplet | 3315f2 | #3315f2 |
---|---|---|
RGB Decimal | 51, 21, 242 | rgb(51,21,242) |
RGB Percent | 20, 8.2, 94.9 | rgb(20%,8.2%,94.9%) |
CMYK | 79, 91, 0, 5 | |
HSL | 248.1°, 89.5, 51.6 | hsl(248.1,89.5%,51.6%) |
HSV (or HSB) | 248.1°, 91.3, 94.9 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 33.243, 73.045, -98.925 |
---|---|
XYZ | 17.657, 7.65, 84.546 |
xyY | 0.161, 0.07, 7.65 |
CIE-LCH | 33.243, 122.97, 306.442 |
CIE-LUV | 33.243, -6.431, -125.321 |
Hunter-Lab | 27.658, 65.554, -161.876 |
Binary | 00110011, 00010101, 11110010 |
Color Schemes with #3315f2
Alternatives to #3315f2
Below, you can see some colors close to #3315f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3315f2 Preview
This text has a font color of #3315f2.
<span style="color:#3315f2;">Text here</span>
This paragraph has a background color of #3315f2.
<p style="background-color:#3315f2;">Content here</p>
This element has a border color of #3315f2.
<div style="border:1px solid #3315f2;">Content here</div>
.text {color:#3315f2;}
.background {background-color:#3315f2;}
.border {border:1px solid #3315f2;}
Shades and Tints of #3315f2
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, #010008 is the darkest color, while #f5f4fe is the lightest one.
-
#010008
#010008
rgb(1,0,8)
-
#05011a
#05011a
rgb(5,1,26)
-
#08022d
#08022d
rgb(8,2,45)
-
#0c043f
#0c043f
rgb(12,4,63)
-
#0f0552
#0f0552
rgb(15,5,82)
-
#120664
#120664
rgb(18,6,100)
-
#160777
#160777
rgb(22,7,119)
-
#19088a
#19088a
rgb(25,8,138)
-
#1d099c
#1d099c
rgb(29,9,156)
-
#200aaf
#200aaf
rgb(32,10,175)
-
#240bc1
#240bc1
rgb(36,11,193)
-
#270cd4
#270cd4
rgb(39,12,212)
-
#2a0de7
#2a0de7
rgb(42,13,231)
-
#3315f2
#3315f2
rgb(51,21,242)
-
#4328f3
#4328f3
rgb(67,40,243)
-
#533af4
#533af4
rgb(83,58,244)
-
#644df5
#644df5
rgb(100,77,245)
-
#745ff6
#745ff6
rgb(116,95,246)
-
#8472f7
#8472f7
rgb(132,114,247)
-
#9484f8
#9484f8
rgb(148,132,248)
-
#a497f9
#a497f9
rgb(164,151,249)
-
#b5aafa
#b5aafa
rgb(181,170,250)
-
#c5bcfb
#c5bcfb
rgb(197,188,251)
-
#d5cffc
#d5cffc
rgb(213,207,252)
-
#e5e1fd
#e5e1fd
rgb(229,225,253)
-
#f5f4fe
#f5f4fe
rgb(245,244,254)
Tones of #3315f2
A tone is produced by adding gray to any pure hue. In this case, #7f7e8a is the less saturated color, while #2c0cfc is the most saturated one.
-
#7f7e8a
#7f7e8a
rgb(127,126,138)
-
#787493
#787493
rgb(120,116,147)
-
#716b9d
#716b9d
rgb(113,107,157)
-
#6a61a6
#6a61a6
rgb(106,97,166)
-
#6358b0
#6358b0
rgb(99,88,176)
-
#5d4eb9
#5d4eb9
rgb(93,78,185)
-
#5645c3
#5645c3
rgb(86,69,195)
-
#4f3bcc
#4f3bcc
rgb(79,59,204)
-
#4832d6
#4832d6
rgb(72,50,214)
-
#4128df
#4128df
rgb(65,40,223)
-
#3a1ee9
#3a1ee9
rgb(58,30,233)
-
#3315f2
#3315f2
rgb(51,21,242)
-
#2c0cfc
#2c0cfc
rgb(44,12,252)
Color Blindness Simulator
Below, you can see how #3315f2 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.