#220af0 Color Information
In a RGB color space, hex #220af0 is composed of 13.3% red, 3.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 95.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 246.3 degrees, a saturation of 92% and a lightness of 49%. #220af0 color hex could be obtained by blending #4414ff with #0000e1. Closest websafe color is: #3300ff.
-
- R 13
- G 4
- B 94
-
- C 86
- M 96
- Y 0
- K 6
● #220af0 color description : Vivid blue.
#220af0 Color Conversion
The hexadecimal color #220af0 has RGB values of R:34, G:10, B:240 and CMYK values of C:0.86, M:0.96, Y:0, K:0.06. Its decimal value is 2231024.
Hex triplet | 220af0 | #220af0 |
---|---|---|
RGB Decimal | 34, 10, 240 | rgb(34,10,240) |
RGB Percent | 13.3, 3.9, 94.1 | rgb(13.3%,3.9%,94.1%) |
CMYK | 86, 96, 0, 6 | |
HSL | 246.3°, 92, 49 | hsl(246.3,92%,49%) |
HSV (or HSB) | 246.3°, 95.8, 94.1 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 31.457, 74.331, -100.793 |
---|---|
XYZ | 16.493, 6.847, 82.886 |
xyY | 0.155, 0.064, 6.847 |
CIE-LCH | 31.457, 125.237, 306.407 |
CIE-LUV | 31.457, -7.564, -123.013 |
Hunter-Lab | 26.167, 66.716, -169.486 |
Binary | 00100010, 00001010, 11110000 |
Color Schemes with #220af0
Alternatives to #220af0
Below, you can see some colors close to #220af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#220af0 Preview
This text has a font color of #220af0.
<span style="color:#220af0;">Text here</span>
This paragraph has a background color of #220af0.
<p style="background-color:#220af0;">Content here</p>
This element has a border color of #220af0.
<div style="border:1px solid #220af0;">Content here</div>
.text {color:#220af0;}
.background {background-color:#220af0;}
.border {border:1px solid #220af0;}
Shades and Tints of #220af0
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, #02010e is the darkest color, while #fbfaff is the lightest one.
-
#02010e
#02010e
rgb(2,1,14)
-
#050121
#050121
rgb(5,1,33)
-
#070234
#070234
rgb(7,2,52)
-
#0a0347
#0a0347
rgb(10,3,71)
-
#0d0459
#0d0459
rgb(13,4,89)
-
#0f056c
#0f056c
rgb(15,5,108)
-
#12057f
#12057f
rgb(18,5,127)
-
#150692
#150692
rgb(21,6,146)
-
#1707a5
#1707a5
rgb(23,7,165)
-
#1a08b8
#1a08b8
rgb(26,8,184)
-
#1d08ca
#1d08ca
rgb(29,8,202)
-
#1f09dd
#1f09dd
rgb(31,9,221)
-
#220af0
#220af0
rgb(34,10,240)
-
#2f18f5
#2f18f5
rgb(47,24,245)
-
#402bf6
#402bf6
rgb(64,43,246)
-
#513ef7
#513ef7
rgb(81,62,247)
-
#6251f8
#6251f8
rgb(98,81,248)
-
#7364f9
#7364f9
rgb(115,100,249)
-
#8476f9
#8476f9
rgb(132,118,249)
-
#9589fa
#9589fa
rgb(149,137,250)
-
#a69cfb
#a69cfb
rgb(166,156,251)
-
#b7affc
#b7affc
rgb(183,175,252)
-
#c8c2fc
#c8c2fc
rgb(200,194,252)
-
#d9d5fd
#d9d5fd
rgb(217,213,253)
-
#eae7fe
#eae7fe
rgb(234,231,254)
-
#fbfaff
#fbfaff
rgb(251,250,255)
Tones of #220af0
A tone is produced by adding gray to any pure hue. In this case, #767486 is the less saturated color, while #1a00fa is the most saturated one.
-
#767486
#767486
rgb(118,116,134)
-
#6e6a90
#6e6a90
rgb(110,106,144)
-
#666199
#666199
rgb(102,97,153)
-
#5f57a3
#5f57a3
rgb(95,87,163)
-
#574dad
#574dad
rgb(87,77,173)
-
#5044b6
#5044b6
rgb(80,68,182)
-
#483ac0
#483ac0
rgb(72,58,192)
-
#4030ca
#4030ca
rgb(64,48,202)
-
#3927d3
#3927d3
rgb(57,39,211)
-
#311ddd
#311ddd
rgb(49,29,221)
-
#2a14e6
#2a14e6
rgb(42,20,230)
-
#220af0
#220af0
rgb(34,10,240)
-
#1a00fa
#1a00fa
rgb(26,0,250)
Color Blindness Simulator
Below, you can see how #220af0 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.