#222fec Color Information
In a RGB color space, hex #222fec is composed of 13.3% red, 18.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 80.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 236.1 degrees, a saturation of 84.2% and a lightness of 52.9%. #222fec color hex could be obtained by blending #445eff with #0000d9. Closest websafe color is: #3333ff.
-
- R 13
- G 18
- B 93
-
- C 86
- M 80
- Y 0
- K 7
● #222fec color description : Vivid blue.
#222fec Color Conversion
The hexadecimal color #222fec has RGB values of R:34, G:47, B:236 and CMYK values of C:0.86, M:0.8, Y:0, K:0.07. Its decimal value is 2240492.
Hex triplet | 222fec | #222fec |
---|---|---|
RGB Decimal | 34, 47, 236 | rgb(34,47,236) |
RGB Percent | 13.3, 18.4, 92.5 | rgb(13.3%,18.4%,92.5%) |
CMYK | 86, 80, 0, 7 | |
HSL | 236.1°, 84.2, 52.9 | hsl(236.1,84.2%,52.9%) |
HSV (or HSB) | 236.1°, 85.6, 92.5 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 34.859, 61.46, -92.853 |
---|---|
XYZ | 16.813, 8.428, 80.093 |
xyY | 0.16, 0.08, 8.428 |
CIE-LCH | 34.859, 111.351, 303.501 |
CIE-LUV | 34.859, -10.186, -122.605 |
Hunter-Lab | 29.031, 52.575, -143.252 |
Binary | 00100010, 00101111, 11101100 |
Color Schemes with #222fec
Alternatives to #222fec
Below, you can see some colors close to #222fec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222fec Preview
This text has a font color of #222fec.
<span style="color:#222fec;">Text here</span>
This paragraph has a background color of #222fec.
<p style="background-color:#222fec;">Content here</p>
This element has a border color of #222fec.
<div style="border:1px solid #222fec;">Content here</div>
.text {color:#222fec;}
.background {background-color:#222fec;}
.border {border:1px solid #222fec;}
Shades and Tints of #222fec
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, #01020e is the darkest color, while #fbfbff is the lightest one.
-
#01020e
#01020e
rgb(1,2,14)
-
#030520
#030520
rgb(3,5,32)
-
#040732
#040732
rgb(4,7,50)
-
#060a44
#060a44
rgb(6,10,68)
-
#070c56
#070c56
rgb(7,12,86)
-
#090f68
#090f68
rgb(9,15,104)
-
#0b127a
#0b127a
rgb(11,18,122)
-
#0c148c
#0c148c
rgb(12,20,140)
-
#0e179e
#0e179e
rgb(14,23,158)
-
#0f1ab0
#0f1ab0
rgb(15,26,176)
-
#111cc2
#111cc2
rgb(17,28,194)
-
#121fd5
#121fd5
rgb(18,31,213)
-
#1421e7
#1421e7
rgb(20,33,231)
-
#222fec
#222fec
rgb(34,47,236)
-
#3440ee
#3440ee
rgb(52,64,238)
-
#4651ef
#4651ef
rgb(70,81,239)
-
#5862f1
#5862f1
rgb(88,98,241)
-
#6a73f2
#6a73f2
rgb(106,115,242)
-
#7c84f4
#7c84f4
rgb(124,132,244)
-
#8e95f5
#8e95f5
rgb(142,149,245)
-
#a0a6f7
#a0a6f7
rgb(160,166,247)
-
#b3b7f8
#b3b7f8
rgb(179,183,248)
-
#c5c8fa
#c5c8fa
rgb(197,200,250)
-
#d7d9fc
#d7d9fc
rgb(215,217,252)
-
#e9eafd
#e9eafd
rgb(233,234,253)
-
#fbfbff
#fbfbff
rgb(251,251,255)
Tones of #222fec
A tone is produced by adding gray to any pure hue. In this case, #7e7f90 is the less saturated color, while #101ffe is the most saturated one.
-
#7e7f90
#7e7f90
rgb(126,127,144)
-
#757799
#757799
rgb(117,119,153)
-
#6c6fa2
#6c6fa2
rgb(108,111,162)
-
#6367ab
#6367ab
rgb(99,103,171)
-
#595fb5
#595fb5
rgb(89,95,181)
-
#5057be
#5057be
rgb(80,87,190)
-
#474fc7
#474fc7
rgb(71,79,199)
-
#3e47d0
#3e47d0
rgb(62,71,208)
-
#343fda
#343fda
rgb(52,63,218)
-
#2b37e3
#2b37e3
rgb(43,55,227)
-
#222fec
#222fec
rgb(34,47,236)
-
#1927f5
#1927f5
rgb(25,39,245)
-
#101ffe
#101ffe
rgb(16,31,254)
Color Blindness Simulator
Below, you can see how #222fec 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.