#220afa Color Information
In a RGB color space, hex #220afa is composed of 13.3% red, 3.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 96% magenta, 0% yellow and 2% black. It has a hue angle of 246 degrees, a saturation of 96% and a lightness of 51%. #220afa color hex could be obtained by blending #4414ff with #0000f5. Closest websafe color is: #3300ff.
-
- R 13
- G 4
- B 98
-
- C 86
- M 96
- Y 0
- K 2
● #220afa color description : Vivid blue.
#220afa Color Conversion
The hexadecimal color #220afa has RGB values of R:34, G:10, B:250 and CMYK values of C:0.86, M:0.96, Y:0, K:0.02. Its decimal value is 2231034.
Hex triplet | 220afa | #220afa |
---|---|---|
RGB Decimal | 34, 10, 250 | rgb(34,10,250) |
RGB Percent | 13.3, 3.9, 98 | rgb(13.3%,3.9%,98%) |
CMYK | 86, 96, 0, 2 | |
HSL | 246°, 96, 51 | hsl(246,96%,51%) |
HSV (or HSB) | 246°, 96, 98 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 32.828, 76.775, -104.154 |
---|---|
XYZ | 18.02, 7.458, 90.927 |
xyY | 0.155, 0.064, 7.458 |
CIE-LCH | 32.828, 129.393, 306.395 |
CIE-LUV | 32.828, -8.037, -128.729 |
Hunter-Lab | 27.309, 69.992, -178.291 |
Binary | 00100010, 00001010, 11111010 |
Color Schemes with #220afa
Alternatives to #220afa
Below, you can see some colors close to #220afa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#220afa Preview
This text has a font color of #220afa.
<span style="color:#220afa;">Text here</span>
This paragraph has a background color of #220afa.
<p style="background-color:#220afa;">Content here</p>
This element has a border color of #220afa.
<div style="border:1px solid #220afa;">Content here</div>
.text {color:#220afa;}
.background {background-color:#220afa;}
.border {border:1px solid #220afa;}
Shades and Tints of #220afa
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, #010005 is the darkest color, while #f2f1ff is the lightest one.
-
#010005
#010005
rgb(1,0,5)
-
#030018
#030018
rgb(3,0,24)
-
#05012b
#05012b
rgb(5,1,43)
-
#07013f
#07013f
rgb(7,1,63)
-
#0a0252
#0a0252
rgb(10,2,82)
-
#0c0265
#0c0265
rgb(12,2,101)
-
#0e0278
#0e0278
rgb(14,2,120)
-
#11038b
#11038b
rgb(17,3,139)
-
#13039f
#13039f
rgb(19,3,159)
-
#1504b2
#1504b2
rgb(21,4,178)
-
#1704c5
#1704c5
rgb(23,4,197)
-
#1a04d8
#1a04d8
rgb(26,4,216)
-
#1c05ec
#1c05ec
rgb(28,5,236)
-
#220afa
#220afa
rgb(34,10,250)
-
#331dfa
#331dfa
rgb(51,29,250)
-
#4530fb
#4530fb
rgb(69,48,251)
-
#5644fb
#5644fb
rgb(86,68,251)
-
#6757fc
#6757fc
rgb(103,87,252)
-
#796afc
#796afc
rgb(121,106,252)
-
#8a7dfc
#8a7dfc
rgb(138,125,252)
-
#9b91fd
#9b91fd
rgb(155,145,253)
-
#ada4fd
#ada4fd
rgb(173,164,253)
-
#beb7fe
#beb7fe
rgb(190,183,254)
-
#cfcafe
#cfcafe
rgb(207,202,254)
-
#e1ddfe
#e1ddfe
rgb(225,221,254)
-
#f2f1ff
#f2f1ff
rgb(242,241,255)
Tones of #220afa
A tone is produced by adding gray to any pure hue. In this case, #7e7d87 is the less saturated color, while #220afa is the most saturated one.
-
#7e7d87
#7e7d87
rgb(126,125,135)
-
#777490
#777490
rgb(119,116,144)
-
#6f6a9a
#6f6a9a
rgb(111,106,154)
-
#6761a3
#6761a3
rgb(103,97,163)
-
#6057ad
#6057ad
rgb(96,87,173)
-
#584db7
#584db7
rgb(88,77,183)
-
#5044c0
#5044c0
rgb(80,68,192)
-
#483aca
#483aca
rgb(72,58,202)
-
#4130d4
#4130d4
rgb(65,48,212)
-
#3927dd
#3927dd
rgb(57,39,221)
-
#311de7
#311de7
rgb(49,29,231)
-
#2a14f0
#2a14f0
rgb(42,20,240)
-
#220afa
#220afa
rgb(34,10,250)
Color Blindness Simulator
Below, you can see how #220afa 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.