#2216ff Color Information
In a RGB color space, hex #2216ff is composed of 13.3% red, 8.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 91.4% magenta, 0% yellow and 0% black. It has a hue angle of 243.1 degrees, a saturation of 100% and a lightness of 54.3%. #2216ff color hex could be obtained by blending #442cff with #0000ff. Closest websafe color is: #3300ff.
-
- R 13
- G 9
- B 100
-
- C 87
- M 91
- Y 0
- K 0
● #2216ff color description : Vivid blue.
#2216ff Color Conversion
The hexadecimal color #2216ff has RGB values of R:34, G:22, B:255 and CMYK values of C:0.87, M:0.91, Y:0, K:0. Its decimal value is 2234111.
Hex triplet | 2216ff | #2216ff |
---|---|---|
RGB Decimal | 34, 22, 255 | rgb(34,22,255) |
RGB Percent | 13.3, 8.6, 100 | rgb(13.3%,8.6%,100%) |
CMYK | 87, 91, 0, 0 | |
HSL | 243.1°, 100, 54.3 | hsl(243.1,100%,54.3%) |
HSV (or HSB) | 243.1°, 91.4, 100 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 34.257, 75.691, -104.574 |
---|---|
XYZ | 18.993, 8.133, 95.171 |
xyY | 0.155, 0.066, 8.133 |
CIE-LCH | 34.257, 129.093, 305.897 |
CIE-LUV | 34.257, -8.777, -132.144 |
Hunter-Lab | 28.518, 68.977, -177.905 |
Binary | 00100010, 00010110, 11111111 |
Color Schemes with #2216ff
Alternatives to #2216ff
Below, you can see some colors close to #2216ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2216ff Preview
This text has a font color of #2216ff.
<span style="color:#2216ff;">Text here</span>
This paragraph has a background color of #2216ff.
<p style="background-color:#2216ff;">Content here</p>
This element has a border color of #2216ff.
<div style="border:1px solid #2216ff;">Content here</div>
.text {color:#2216ff;}
.background {background-color:#2216ff;}
.border {border:1px solid #2216ff;}
Shades and Tints of #2216ff
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, #000002 is the darkest color, while #efeeff is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#010016
#010016
rgb(1,0,22)
-
#02002a
#02002a
rgb(2,0,42)
-
#03003d
#03003d
rgb(3,0,61)
-
#040051
#040051
rgb(4,0,81)
-
#050064
#050064
rgb(5,0,100)
-
#060078
#060078
rgb(6,0,120)
-
#07008c
#07008c
rgb(7,0,140)
-
#08009f
#08009f
rgb(8,0,159)
-
#0900b3
#0900b3
rgb(9,0,179)
-
#0a00c7
#0a00c7
rgb(10,0,199)
-
#0b00da
#0b00da
rgb(11,0,218)
-
#0c00ee
#0c00ee
rgb(12,0,238)
-
#0f02ff
#0f02ff
rgb(15,2,255)
-
#2216ff
#2216ff
rgb(34,22,255)
-
#352aff
#352aff
rgb(53,42,255)
-
#473dff
#473dff
rgb(71,61,255)
-
#5a51ff
#5a51ff
rgb(90,81,255)
-
#6c64ff
#6c64ff
rgb(108,100,255)
-
#7f78ff
#7f78ff
rgb(127,120,255)
-
#928cff
#928cff
rgb(146,140,255)
-
#a49fff
#a49fff
rgb(164,159,255)
-
#b7b3ff
#b7b3ff
rgb(183,179,255)
-
#c9c7ff
#c9c7ff
rgb(201,199,255)
-
#dcdaff
#dcdaff
rgb(220,218,255)
-
#efeeff
#efeeff
rgb(239,238,255)
Tones of #2216ff
A tone is produced by adding gray to any pure hue. In this case, #828293 is the less saturated color, while #2216ff is the most saturated one.
-
#828293
#828293
rgb(130,130,147)
-
#7a799c
#7a799c
rgb(122,121,156)
-
#7270a5
#7270a5
rgb(114,112,165)
-
#6a67ae
#6a67ae
rgb(106,103,174)
-
#625eb7
#625eb7
rgb(98,94,183)
-
#5a55c0
#5a55c0
rgb(90,85,192)
-
#524cc9
#524cc9
rgb(82,76,201)
-
#4a43d2
#4a43d2
rgb(74,67,210)
-
#423adb
#423adb
rgb(66,58,219)
-
#3a31e4
#3a31e4
rgb(58,49,228)
-
#3228ed
#3228ed
rgb(50,40,237)
-
#2a1ff6
#2a1ff6
rgb(42,31,246)
-
#2216ff
#2216ff
rgb(34,22,255)
Color Blindness Simulator
Below, you can see how #2216ff 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.