#2822f6 Color Information
In a RGB color space, hex #2822f6 is composed of 15.7% red, 13.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 86.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 241.7 degrees, a saturation of 92.2% and a lightness of 54.9%. #2822f6 color hex could be obtained by blending #5044ff with #0000ed. Closest websafe color is: #3333ff.
-
- R 16
- G 13
- B 96
-
- C 84
- M 86
- Y 0
- K 4
● #2822f6 color description : Vivid blue.
#2822f6 Color Conversion
The hexadecimal color #2822f6 has RGB values of R:40, G:34, B:246 and CMYK values of C:0.84, M:0.86, Y:0, K:0.04. Its decimal value is 2630390.
Hex triplet | 2822f6 | #2822f6 |
---|---|---|
RGB Decimal | 40, 34, 246 | rgb(40,34,246) |
RGB Percent | 15.7, 13.3, 96.5 | rgb(15.7%,13.3%,96.5%) |
CMYK | 84, 86, 0, 4 | |
HSL | 241.7°, 92.2, 54.9 | hsl(241.7,92.2%,54.9%) |
HSV (or HSB) | 241.7°, 86.2, 96.5 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 34.494, 69.903, -99.113 |
---|---|
XYZ | 18.078, 8.248, 87.823 |
xyY | 0.158, 0.072, 8.248 |
CIE-LCH | 34.494, 121.284, 305.195 |
CIE-LUV | 34.494, -8.701, -127.876 |
Hunter-Lab | 28.719, 62.107, -161.207 |
Binary | 00101000, 00100010, 11110110 |
Color Schemes with #2822f6
Alternatives to #2822f6
Below, you can see some colors close to #2822f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2822f6 Preview
This text has a font color of #2822f6.
<span style="color:#2822f6;">Text here</span>
This paragraph has a background color of #2822f6.
<p style="background-color:#2822f6;">Content here</p>
This element has a border color of #2822f6.
<div style="border:1px solid #2822f6;">Content here</div>
.text {color:#2822f6;}
.background {background-color:#2822f6;}
.border {border:1px solid #2822f6;}
Shades and Tints of #2822f6
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, #000005 is the darkest color, while #f2f1fe is the lightest one.
-
#000005
#000005
rgb(0,0,5)
-
#020118
#020118
rgb(2,1,24)
-
#03022b
#03022b
rgb(3,2,43)
-
#04033e
#04033e
rgb(4,3,62)
-
#050351
#050351
rgb(5,3,81)
-
#070463
#070463
rgb(7,4,99)
-
#080576
#080576
rgb(8,5,118)
-
#090689
#090689
rgb(9,6,137)
-
#0b069c
#0b069c
rgb(11,6,156)
-
#0c07af
#0c07af
rgb(12,7,175)
-
#0d08c2
#0d08c2
rgb(13,8,194)
-
#0e09d5
#0e09d5
rgb(14,9,213)
-
#1009e7
#1009e7
rgb(16,9,231)
-
#160ff5
#160ff5
rgb(22,15,245)
-
#2822f6
#2822f6
rgb(40,34,246)
-
#3a35f7
#3a35f7
rgb(58,53,247)
-
#4d48f8
#4d48f8
rgb(77,72,248)
-
#5f5bf8
#5f5bf8
rgb(95,91,248)
-
#716df9
#716df9
rgb(113,109,249)
-
#8480fa
#8480fa
rgb(132,128,250)
-
#9693fb
#9693fb
rgb(150,147,251)
-
#a8a6fb
#a8a6fb
rgb(168,166,251)
-
#bbb9fc
#bbb9fc
rgb(187,185,252)
-
#cdccfd
#cdccfd
rgb(205,204,253)
-
#dfdefe
#dfdefe
rgb(223,222,254)
-
#f2f1fe
#f2f1fe
rgb(242,241,254)
Tones of #2822f6
A tone is produced by adding gray to any pure hue. In this case, #848395 is the less saturated color, while #2019ff is the most saturated one.
-
#848395
#848395
rgb(132,131,149)
-
#7b7a9e
#7b7a9e
rgb(123,122,158)
-
#7372a6
#7372a6
rgb(115,114,166)
-
#6b69af
#6b69af
rgb(107,105,175)
-
#6260b8
#6260b8
rgb(98,96,184)
-
#5a57c1
#5a57c1
rgb(90,87,193)
-
#524eca
#524eca
rgb(82,78,202)
-
#4945d3
#4945d3
rgb(73,69,211)
-
#413ddb
#413ddb
rgb(65,61,219)
-
#3934e4
#3934e4
rgb(57,52,228)
-
#302bed
#302bed
rgb(48,43,237)
-
#2822f6
#2822f6
rgb(40,34,246)
-
#2019ff
#2019ff
rgb(32,25,255)
Color Blindness Simulator
Below, you can see how #2822f6 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.