#220be0 Color Information
In a RGB color space, hex #220be0 is composed of 13.3% red, 4.3% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 95.1% magenta, 0% yellow and 12.2% black. It has a hue angle of 246.5 degrees, a saturation of 90.6% and a lightness of 46.1%. #220be0 color hex could be obtained by blending #4416ff with #0000c1. Closest websafe color is: #3300cc.
-
- R 13
- G 4
- B 88
-
- C 85
- M 95
- Y 0
- K 12
● #220be0 color description : Vivid blue.
#220be0 Color Conversion
The hexadecimal color #220be0 has RGB values of R:34, G:11, B:224 and CMYK values of C:0.85, M:0.95, Y:0, K:0.12. Its decimal value is 2231264.
Hex triplet | 220be0 | #220be0 |
---|---|---|
RGB Decimal | 34, 11, 224 | rgb(34,11,224) |
RGB Percent | 13.3, 4.3, 87.8 | rgb(13.3%,4.3%,87.8%) |
CMYK | 85, 95, 0, 12 | |
HSL | 246.5°, 90.6, 46.1 | hsl(246.5,90.6%,46.1%) |
HSV (or HSB) | 246.5°, 95.1, 87.8 | |
Web Safe | 3300cc | #3300cc |
CIE-LAB | 29.312, 70.194, -95.241 |
---|---|
XYZ | 14.231, 5.96, 70.917 |
xyY | 0.156, 0.065, 5.96 |
CIE-LCH | 29.312, 118.313, 306.391 |
CIE-LUV | 29.312, -6.828, -113.856 |
Hunter-Lab | 24.414, 61.328, -155.138 |
Binary | 00100010, 00001011, 11100000 |
Color Schemes with #220be0
Alternatives to #220be0
Below, you can see some colors close to #220be0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#220be0 Preview
This text has a font color of #220be0.
<span style="color:#220be0;">Text here</span>
This paragraph has a background color of #220be0.
<p style="background-color:#220be0;">Content here</p>
This element has a border color of #220be0.
<div style="border:1px solid #220be0;">Content here</div>
.text {color:#220be0;}
.background {background-color:#220be0;}
.border {border:1px solid #220be0;}
Shades and Tints of #220be0
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, #030112 is the darkest color, while #ffffff is the lightest one.
-
#030112
#030112
rgb(3,1,18)
-
#060225
#060225
rgb(6,2,37)
-
#080338
#080338
rgb(8,3,56)
-
#0b044a
#0b044a
rgb(11,4,74)
-
#0e055d
#0e055d
rgb(14,5,93)
-
#110570
#110570
rgb(17,5,112)
-
#140683
#140683
rgb(20,6,131)
-
#170795
#170795
rgb(23,7,149)
-
#1908a8
#1908a8
rgb(25,8,168)
-
#1c09bb
#1c09bb
rgb(28,9,187)
-
#1f0acd
#1f0acd
rgb(31,10,205)
-
#220be0
#220be0
rgb(34,11,224)
-
#250cf3
#250cf3
rgb(37,12,243)
-
#351ef4
#351ef4
rgb(53,30,244)
-
#4631f5
#4631f5
rgb(70,49,245)
-
#5744f6
#5744f6
rgb(87,68,246)
-
#6856f7
#6856f7
rgb(104,86,247)
-
#7869f8
#7869f8
rgb(120,105,248)
-
#897cf9
#897cf9
rgb(137,124,249)
-
#9a8ef9
#9a8ef9
rgb(154,142,249)
-
#aba1fa
#aba1fa
rgb(171,161,250)
-
#bcb4fb
#bcb4fb
rgb(188,180,251)
-
#ccc7fc
#ccc7fc
rgb(204,199,252)
-
#ddd9fd
#ddd9fd
rgb(221,217,253)
-
#eeecfe
#eeecfe
rgb(238,236,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #220be0
A tone is produced by adding gray to any pure hue. In this case, #706e7d is the less saturated color, while #1b02e9 is the most saturated one.
-
#706e7d
#706e7d
rgb(112,110,125)
-
#696586
#696586
rgb(105,101,134)
-
#625c8f
#625c8f
rgb(98,92,143)
-
#5b5398
#5b5398
rgb(91,83,152)
-
#544aa1
#544aa1
rgb(84,74,161)
-
#4d41aa
#4d41aa
rgb(77,65,170)
-
#4538b3
#4538b3
rgb(69,56,179)
-
#3e2fbc
#3e2fbc
rgb(62,47,188)
-
#3726c5
#3726c5
rgb(55,38,197)
-
#301dce
#301dce
rgb(48,29,206)
-
#2914d7
#2914d7
rgb(41,20,215)
-
#220be0
#220be0
rgb(34,11,224)
-
#1b02e9
#1b02e9
rgb(27,2,233)
Color Blindness Simulator
Below, you can see how #220be0 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.