#224aff Color Information
In a RGB color space, hex #224aff is composed of 13.3% red, 29% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 71% magenta, 0% yellow and 0% black. It has a hue angle of 229.1 degrees, a saturation of 100% and a lightness of 56.7%. #224aff color hex could be obtained by blending #4494ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 13
- G 29
- B 100
-
- C 87
- M 71
- Y 0
- K 0
● #224aff color description : Vivid blue.
#224aff Color Conversion
The hexadecimal color #224aff has RGB values of R:34, G:74, B:255 and CMYK values of C:0.87, M:0.71, Y:0, K:0. Its decimal value is 2247423.
Hex triplet | 224aff | #224aff |
---|---|---|
RGB Decimal | 34, 74, 255 | rgb(34,74,255) |
RGB Percent | 13.3, 29, 100 | rgb(13.3%,29%,100%) |
CMYK | 87, 71, 0, 0 | |
HSL | 229.1°, 100, 56.7 | hsl(229.1,100%,56.7%) |
HSV (or HSB) | 229.1°, 86.7, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 41.932, 53.306, -91.824 |
---|---|
XYZ | 21.155, 12.456, 95.892 |
xyY | 0.163, 0.096, 12.456 |
CIE-LCH | 41.932, 106.175, 300.136 |
CIE-LUV | 41.932, -14.785, -132.01 |
Hunter-Lab | 35.293, 45.231, -136.386 |
Binary | 00100010, 01001010, 11111111 |
Color Schemes with #224aff
Alternatives to #224aff
Below, you can see some colors close to #224aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224aff Preview
This text has a font color of #224aff.
<span style="color:#224aff;">Text here</span>
This paragraph has a background color of #224aff.
<p style="background-color:#224aff;">Content here</p>
This element has a border color of #224aff.
<div style="border:1px solid #224aff;">Content here</div>
.text {color:#224aff;}
.background {background-color:#224aff;}
.border {border:1px solid #224aff;}
Shades and Tints of #224aff
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, #00030e is the darkest color, while #fafbff is the lightest one.
-
#00030e
#00030e
rgb(0,3,14)
-
#000622
#000622
rgb(0,6,34)
-
#000a36
#000a36
rgb(0,10,54)
-
#000d49
#000d49
rgb(0,13,73)
-
#00115d
#00115d
rgb(0,17,93)
-
#001470
#001470
rgb(0,20,112)
-
#001884
#001884
rgb(0,24,132)
-
#001b98
#001b98
rgb(0,27,152)
-
#001fab
#001fab
rgb(0,31,171)
-
#0023bf
#0023bf
rgb(0,35,191)
-
#0026d3
#0026d3
rgb(0,38,211)
-
#002ae6
#002ae6
rgb(0,42,230)
-
#002dfa
#002dfa
rgb(0,45,250)
-
#0e3aff
#0e3aff
rgb(14,58,255)
-
#224aff
#224aff
rgb(34,74,255)
-
#365aff
#365aff
rgb(54,90,255)
-
#496aff
#496aff
rgb(73,106,255)
-
#5d7aff
#5d7aff
rgb(93,122,255)
-
#708aff
#708aff
rgb(112,138,255)
-
#849aff
#849aff
rgb(132,154,255)
-
#98aaff
#98aaff
rgb(152,170,255)
-
#abbaff
#abbaff
rgb(171,186,255)
-
#bfcbff
#bfcbff
rgb(191,203,255)
-
#d3dbff
#d3dbff
rgb(211,219,255)
-
#e6ebff
#e6ebff
rgb(230,235,255)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #224aff
A tone is produced by adding gray to any pure hue. In this case, #888b99 is the less saturated color, while #224aff is the most saturated one.
-
#888b99
#888b99
rgb(136,139,153)
-
#8086a2
#8086a2
rgb(128,134,162)
-
#7780aa
#7780aa
rgb(119,128,170)
-
#6f7bb3
#6f7bb3
rgb(111,123,179)
-
#6675bb
#6675bb
rgb(102,117,187)
-
#5e70c4
#5e70c4
rgb(94,112,196)
-
#556bcc
#556bcc
rgb(85,107,204)
-
#4d65d5
#4d65d5
rgb(77,101,213)
-
#4460dd
#4460dd
rgb(68,96,221)
-
#3c5ae6
#3c5ae6
rgb(60,90,230)
-
#3355ee
#3355ee
rgb(51,85,238)
-
#2b4ff7
#2b4ff7
rgb(43,79,247)
-
#224aff
#224aff
rgb(34,74,255)
Color Blindness Simulator
Below, you can see how #224aff 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.