#224af3 Color Information
In a RGB color space, hex #224af3 is composed of 13.3% red, 29% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 69.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 228.5 degrees, a saturation of 89.7% and a lightness of 54.3%. #224af3 color hex could be obtained by blending #4494ff with #0000e7. Closest websafe color is: #3333ff.
-
- R 13
- G 29
- B 95
-
- C 86
- M 70
- Y 0
- K 5
● #224af3 color description : Vivid blue.
#224af3 Color Conversion
The hexadecimal color #224af3 has RGB values of R:34, G:74, B:243 and CMYK values of C:0.86, M:0.7, Y:0, K:0.05. Its decimal value is 2247411.
Hex triplet | 224af3 | #224af3 |
---|---|---|
RGB Decimal | 34, 74, 243 | rgb(34,74,243) |
RGB Percent | 13.3, 29, 95.3 | rgb(13.3%,29%,95.3%) |
CMYK | 86, 70, 0, 5 | |
HSL | 228.5°, 89.7, 54.3 | hsl(228.5,89.7%,54.3%) |
HSV (or HSB) | 228.5°, 86, 95.3 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 40.747, 49.198, -87.058 |
---|---|
XYZ | 19.283, 11.707, 86.033 |
xyY | 0.165, 0.1, 11.707 |
CIE-LCH | 40.747, 99.998, 299.472 |
CIE-LUV | 40.747, -14.603, -124.872 |
Hunter-Lab | 34.216, 40.718, -125.128 |
Binary | 00100010, 01001010, 11110011 |
Color Schemes with #224af3
Alternatives to #224af3
Below, you can see some colors close to #224af3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224af3 Preview
This text has a font color of #224af3.
<span style="color:#224af3;">Text here</span>
This paragraph has a background color of #224af3.
<p style="background-color:#224af3;">Content here</p>
This element has a border color of #224af3.
<div style="border:1px solid #224af3;">Content here</div>
.text {color:#224af3;}
.background {background-color:#224af3;}
.border {border:1px solid #224af3;}
Shades and Tints of #224af3
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, #000102 is the darkest color, while #eff2fe is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#010515
#010515
rgb(1,5,21)
-
#020927
#020927
rgb(2,9,39)
-
#030e3a
#030e3a
rgb(3,14,58)
-
#04124d
#04124d
rgb(4,18,77)
-
#05165f
#05165f
rgb(5,22,95)
-
#061b72
#061b72
rgb(6,27,114)
-
#071f84
#071f84
rgb(7,31,132)
-
#082497
#082497
rgb(8,36,151)
-
#0928aa
#0928aa
rgb(9,40,170)
-
#0a2cbc
#0a2cbc
rgb(10,44,188)
-
#0b31cf
#0b31cf
rgb(11,49,207)
-
#0c35e2
#0c35e2
rgb(12,53,226)
-
#0f3bf2
#0f3bf2
rgb(15,59,242)
-
#224af3
#224af3
rgb(34,74,243)
-
#3559f4
#3559f4
rgb(53,89,244)
-
#4768f5
#4768f5
rgb(71,104,245)
-
#5a78f6
#5a78f6
rgb(90,120,246)
-
#6c87f7
#6c87f7
rgb(108,135,247)
-
#7f96f8
#7f96f8
rgb(127,150,248)
-
#92a5f9
#92a5f9
rgb(146,165,249)
-
#a4b5fa
#a4b5fa
rgb(164,181,250)
-
#b7c4fb
#b7c4fb
rgb(183,196,251)
-
#c9d3fc
#c9d3fc
rgb(201,211,252)
-
#dce2fd
#dce2fd
rgb(220,226,253)
-
#eff2fe
#eff2fe
rgb(239,242,254)
Tones of #224af3
A tone is produced by adding gray to any pure hue. In this case, #858790 is the less saturated color, while #1944fc is the most saturated one.
-
#858790
#858790
rgb(133,135,144)
-
#7c8199
#7c8199
rgb(124,129,153)
-
#737ca2
#737ca2
rgb(115,124,162)
-
#6a76ab
#6a76ab
rgb(106,118,171)
-
#6171b4
#6171b4
rgb(97,113,180)
-
#586bbd
#586bbd
rgb(88,107,189)
-
#4f66c6
#4f66c6
rgb(79,102,198)
-
#4660cf
#4660cf
rgb(70,96,207)
-
#3d5bd8
#3d5bd8
rgb(61,91,216)
-
#3455e1
#3455e1
rgb(52,85,225)
-
#2b50ea
#2b50ea
rgb(43,80,234)
-
#224af3
#224af3
rgb(34,74,243)
-
#1944fc
#1944fc
rgb(25,68,252)
Color Blindness Simulator
Below, you can see how #224af3 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.