#224cf6 Color Information
In a RGB color space, hex #224cf6 is composed of 13.3% red, 29.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 69.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 228.1 degrees, a saturation of 92.2% and a lightness of 54.9%. #224cf6 color hex could be obtained by blending #4498ff with #0000ed. Closest websafe color is: #3333ff.
-
- R 13
- G 30
- B 96
-
- C 86
- M 69
- Y 0
- K 4
● #224cf6 color description : Vivid blue.
#224cf6 Color Conversion
The hexadecimal color #224cf6 has RGB values of R:34, G:76, B:246 and CMYK values of C:0.86, M:0.69, Y:0, K:0.04. Its decimal value is 2247926.
Hex triplet | 224cf6 | #224cf6 |
---|---|---|
RGB Decimal | 34, 76, 246 | rgb(34,76,246) |
RGB Percent | 13.3, 29.8, 96.5 | rgb(13.3%,29.8%,96.5%) |
CMYK | 86, 69, 0, 4 | |
HSL | 228.1°, 92.2, 54.9 | hsl(228.1,92.2%,54.9%) |
HSV (or HSB) | 228.1°, 86.2, 96.5 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 41.471, 49.055, -87.549 |
---|---|
XYZ | 19.875, 12.161, 88.484 |
xyY | 0.165, 0.101, 12.161 |
CIE-LCH | 41.471, 100.355, 299.262 |
CIE-LUV | 41.471, -15.027, -126.338 |
Hunter-Lab | 34.873, 40.705, -126.026 |
Binary | 00100010, 01001100, 11110110 |
Color Schemes with #224cf6
Alternatives to #224cf6
Below, you can see some colors close to #224cf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224cf6 Preview
This text has a font color of #224cf6.
<span style="color:#224cf6;">Text here</span>
This paragraph has a background color of #224cf6.
<p style="background-color:#224cf6;">Content here</p>
This element has a border color of #224cf6.
<div style="border:1px solid #224cf6;">Content here</div>
.text {color:#224cf6;}
.background {background-color:#224cf6;}
.border {border:1px solid #224cf6;}
Shades and Tints of #224cf6
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, #000105 is the darkest color, while #f1f4fe is the lightest one.
-
#000105
#000105
rgb(0,1,5)
-
#010618
#010618
rgb(1,6,24)
-
#020a2b
#020a2b
rgb(2,10,43)
-
#030e3e
#030e3e
rgb(3,14,62)
-
#031351
#031351
rgb(3,19,81)
-
#041763
#041763
rgb(4,23,99)
-
#051b76
#051b76
rgb(5,27,118)
-
#062089
#062089
rgb(6,32,137)
-
#06249c
#06249c
rgb(6,36,156)
-
#0728af
#0728af
rgb(7,40,175)
-
#082dc2
#082dc2
rgb(8,45,194)
-
#0931d5
#0931d5
rgb(9,49,213)
-
#0935e7
#0935e7
rgb(9,53,231)
-
#0f3df5
#0f3df5
rgb(15,61,245)
-
#224cf6
#224cf6
rgb(34,76,246)
-
#355bf7
#355bf7
rgb(53,91,247)
-
#486bf8
#486bf8
rgb(72,107,248)
-
#5b7af8
#5b7af8
rgb(91,122,248)
-
#6d89f9
#6d89f9
rgb(109,137,249)
-
#8098fa
#8098fa
rgb(128,152,250)
-
#93a8fb
#93a8fb
rgb(147,168,251)
-
#a6b7fb
#a6b7fb
rgb(166,183,251)
-
#b9c6fc
#b9c6fc
rgb(185,198,252)
-
#ccd5fd
#ccd5fd
rgb(204,213,253)
-
#dee5fe
#dee5fe
rgb(222,229,254)
-
#f1f4fe
#f1f4fe
rgb(241,244,254)
Tones of #224cf6
A tone is produced by adding gray to any pure hue. In this case, #838795 is the less saturated color, while #1947ff is the most saturated one.
-
#838795
#838795
rgb(131,135,149)
-
#7a819e
#7a819e
rgb(122,129,158)
-
#727ca6
#727ca6
rgb(114,124,166)
-
#6977af
#6977af
rgb(105,119,175)
-
#6071b8
#6071b8
rgb(96,113,184)
-
#576cc1
#576cc1
rgb(87,108,193)
-
#4e67ca
#4e67ca
rgb(78,103,202)
-
#4561d3
#4561d3
rgb(69,97,211)
-
#3d5cdb
#3d5cdb
rgb(61,92,219)
-
#3457e4
#3457e4
rgb(52,87,228)
-
#2b51ed
#2b51ed
rgb(43,81,237)
-
#224cf6
#224cf6
rgb(34,76,246)
-
#1947ff
#1947ff
rgb(25,71,255)
Color Blindness Simulator
Below, you can see how #224cf6 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.