#0224f2 Color Information
In a RGB color space, hex #0224f2 is composed of 0.8% red, 14.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 85.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 231.5 degrees, a saturation of 98.4% and a lightness of 47.8%. #0224f2 color hex could be obtained by blending #0448ff with #0000e5. Closest websafe color is: #0033ff.
-
- R 1
- G 14
- B 95
-
- C 99
- M 85
- Y 0
- K 5
● #0224f2 color description : Vivid blue.
#0224f2 Color Conversion
The hexadecimal color #0224f2 has RGB values of R:2, G:36, B:242 and CMYK values of C:0.99, M:0.85, Y:0, K:0.05. Its decimal value is 140530.
Hex triplet | 0224f2 | #0224f2 |
---|---|---|
RGB Decimal | 2, 36, 242 | rgb(2,36,242) |
RGB Percent | 0.8, 14.1, 94.9 | rgb(0.8%,14.1%,94.9%) |
CMYK | 99, 85, 0, 5 | |
HSL | 231.5°, 98.4, 47.8 | hsl(231.5,98.4%,47.8%) |
HSV (or HSB) | 231.5°, 99.2, 94.9 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 33.316, 67.363, -98.84 |
---|---|
XYZ | 16.68, 7.684, 84.604 |
xyY | 0.153, 0.071, 7.684 |
CIE-LCH | 33.316, 119.612, 304.276 |
CIE-LUV | 33.316, -10.777, -125.194 |
Hunter-Lab | 27.72, 58.896, -161.552 |
Binary | 00000010, 00100100, 11110010 |
Color Schemes with #0224f2
Alternatives to #0224f2
Below, you can see some colors close to #0224f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0224f2 Preview
This text has a font color of #0224f2.
<span style="color:#0224f2;">Text here</span>
This paragraph has a background color of #0224f2.
<p style="background-color:#0224f2;">Content here</p>
This element has a border color of #0224f2.
<div style="border:1px solid #0224f2;">Content here</div>
.text {color:#0224f2;}
.background {background-color:#0224f2;}
.border {border:1px solid #0224f2;}
Shades and Tints of #0224f2
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, #000109 is the darkest color, while #f4f6ff is the lightest one.
-
#000109
#000109
rgb(0,1,9)
-
#00041c
#00041c
rgb(0,4,28)
-
#00072f
#00072f
rgb(0,7,47)
-
#010a43
#010a43
rgb(1,10,67)
-
#010d56
#010d56
rgb(1,13,86)
-
#01106a
#01106a
rgb(1,16,106)
-
#01137d
#01137d
rgb(1,19,125)
-
#011691
#011691
rgb(1,22,145)
-
#0118a4
#0118a4
rgb(1,24,164)
-
#021bb8
#021bb8
rgb(2,27,184)
-
#021ecb
#021ecb
rgb(2,30,203)
-
#0221df
#0221df
rgb(2,33,223)
-
#0224f2
#0224f2
rgb(2,36,242)
-
#0b2dfd
#0b2dfd
rgb(11,45,253)
-
#1e3efd
#1e3efd
rgb(30,62,253)
-
#324efd
#324efd
rgb(50,78,253)
-
#455ffd
#455ffd
rgb(69,95,253)
-
#5870fe
#5870fe
rgb(88,112,254)
-
#6c81fe
#6c81fe
rgb(108,129,254)
-
#7f91fe
#7f91fe
rgb(127,145,254)
-
#93a2fe
#93a2fe
rgb(147,162,254)
-
#a6b3fe
#a6b3fe
rgb(166,179,254)
-
#bac3fe
#bac3fe
rgb(186,195,254)
-
#cdd4ff
#cdd4ff
rgb(205,212,255)
-
#e1e5ff
#e1e5ff
rgb(225,229,255)
-
#f4f6ff
#f4f6ff
rgb(244,246,255)
Tones of #0224f2
A tone is produced by adding gray to any pure hue. In this case, #737581 is the less saturated color, while #0224f2 is the most saturated one.
-
#737581
#737581
rgb(115,117,129)
-
#696e8b
#696e8b
rgb(105,110,139)
-
#606794
#606794
rgb(96,103,148)
-
#56619e
#56619e
rgb(86,97,158)
-
#4d5aa7
#4d5aa7
rgb(77,90,167)
-
#4453b0
#4453b0
rgb(68,83,176)
-
#3a4cba
#3a4cba
rgb(58,76,186)
-
#3146c3
#3146c3
rgb(49,70,195)
-
#283fcc
#283fcc
rgb(40,63,204)
-
#1e38d6
#1e38d6
rgb(30,56,214)
-
#1531df
#1531df
rgb(21,49,223)
-
#0b2be9
#0b2be9
rgb(11,43,233)
-
#0224f2
#0224f2
rgb(2,36,242)
Color Blindness Simulator
Below, you can see how #0224f2 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.