#224bff Color Information
In a RGB color space, hex #224bff is composed of 13.3% red, 29.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 70.6% magenta, 0% yellow and 0% black. It has a hue angle of 228.9 degrees, a saturation of 100% and a lightness of 56.7%. #224bff color hex could be obtained by blending #4496ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 13
- G 29
- B 100
-
- C 87
- M 71
- Y 0
- K 0
● #224bff color description : Vivid blue.
#224bff Color Conversion
The hexadecimal color #224bff has RGB values of R:34, G:75, B:255 and CMYK values of C:0.87, M:0.71, Y:0, K:0. Its decimal value is 2247679.
Hex triplet | 224bff | #224bff |
---|---|---|
RGB Decimal | 34, 75, 255 | rgb(34,75,255) |
RGB Percent | 13.3, 29.4, 100 | rgb(13.3%,29.4%,100%) |
CMYK | 87, 71, 0, 0 | |
HSL | 228.9°, 100, 56.7 | hsl(228.9,100%,56.7%) |
HSV (or HSB) | 228.9°, 86.7, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 42.14, 52.731, -91.48 |
---|---|
XYZ | 21.222, 12.591, 95.914 |
xyY | 0.164, 0.097, 12.591 |
CIE-LCH | 42.14, 105.59, 299.96 |
CIE-LUV | 42.14, -14.967, -131.868 |
Hunter-Lab | 35.483, 44.663, -135.427 |
Binary | 00100010, 01001011, 11111111 |
Color Schemes with #224bff
Alternatives to #224bff
Below, you can see some colors close to #224bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224bff Preview
This text has a font color of #224bff.
<span style="color:#224bff;">Text here</span>
This paragraph has a background color of #224bff.
<p style="background-color:#224bff;">Content here</p>
This element has a border color of #224bff.
<div style="border:1px solid #224bff;">Content here</div>
.text {color:#224bff;}
.background {background-color:#224bff;}
.border {border:1px solid #224bff;}
Shades and Tints of #224bff
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)
-
#000e49
#000e49
rgb(0,14,73)
-
#00115d
#00115d
rgb(0,17,93)
-
#001570
#001570
rgb(0,21,112)
-
#001984
#001984
rgb(0,25,132)
-
#001c98
#001c98
rgb(0,28,152)
-
#0020ab
#0020ab
rgb(0,32,171)
-
#0023bf
#0023bf
rgb(0,35,191)
-
#0027d3
#0027d3
rgb(0,39,211)
-
#002be6
#002be6
rgb(0,43,230)
-
#002efa
#002efa
rgb(0,46,250)
-
#0e3bff
#0e3bff
rgb(14,59,255)
-
#224bff
#224bff
rgb(34,75,255)
-
#365bff
#365bff
rgb(54,91,255)
-
#496bff
#496bff
rgb(73,107,255)
-
#5d7bff
#5d7bff
rgb(93,123,255)
-
#708bff
#708bff
rgb(112,139,255)
-
#849bff
#849bff
rgb(132,155,255)
-
#98abff
#98abff
rgb(152,171,255)
-
#abbbff
#abbbff
rgb(171,187,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 #224bff
A tone is produced by adding gray to any pure hue. In this case, #888b99 is the less saturated color, while #224bff 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)
-
#6676bb
#6676bb
rgb(102,118,187)
-
#5e70c4
#5e70c4
rgb(94,112,196)
-
#556bcc
#556bcc
rgb(85,107,204)
-
#4d66d5
#4d66d5
rgb(77,102,213)
-
#4460dd
#4460dd
rgb(68,96,221)
-
#3c5be6
#3c5be6
rgb(60,91,230)
-
#3356ee
#3356ee
rgb(51,86,238)
-
#2b50f7
#2b50f7
rgb(43,80,247)
-
#224bff
#224bff
rgb(34,75,255)
Color Blindness Simulator
Below, you can see how #224bff 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.