#224cff Color Information
In a RGB color space, hex #224cff is composed of 13.3% red, 29.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 70.2% magenta, 0% yellow and 0% black. It has a hue angle of 228.6 degrees, a saturation of 100% and a lightness of 56.7%. #224cff color hex could be obtained by blending #4498ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 13
- G 30
- B 100
-
- C 87
- M 70
- Y 0
- K 0
● #224cff color description : Vivid blue.
#224cff Color Conversion
The hexadecimal color #224cff has RGB values of R:34, G:76, B:255 and CMYK values of C:0.87, M:0.7, Y:0, K:0. Its decimal value is 2247935.
Hex triplet | 224cff | #224cff |
---|---|---|
RGB Decimal | 34, 76, 255 | rgb(34,76,255) |
RGB Percent | 13.3, 29.8, 100 | rgb(13.3%,29.8%,100%) |
CMYK | 87, 70, 0, 0 | |
HSL | 228.6°, 100, 56.7 | hsl(228.6,100%,56.7%) |
HSV (or HSB) | 228.6°, 86.7, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 42.349, 52.152, -91.134 |
---|---|
XYZ | 21.29, 12.727, 95.937 |
xyY | 0.164, 0.098, 12.727 |
CIE-LCH | 42.349, 105.001, 299.781 |
CIE-LUV | 42.349, -15.151, -131.717 |
Hunter-Lab | 35.675, 44.094, -134.468 |
Binary | 00100010, 01001100, 11111111 |
Color Schemes with #224cff
Alternatives to #224cff
Below, you can see some colors close to #224cff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224cff Preview
This text has a font color of #224cff.
<span style="color:#224cff;">Text here</span>
This paragraph has a background color of #224cff.
<p style="background-color:#224cff;">Content here</p>
This element has a border color of #224cff.
<div style="border:1px solid #224cff;">Content here</div>
.text {color:#224cff;}
.background {background-color:#224cff;}
.border {border:1px solid #224cff;}
Shades and Tints of #224cff
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)
-
#00125d
#00125d
rgb(0,18,93)
-
#001570
#001570
rgb(0,21,112)
-
#001984
#001984
rgb(0,25,132)
-
#001d98
#001d98
rgb(0,29,152)
-
#0021ab
#0021ab
rgb(0,33,171)
-
#0024bf
#0024bf
rgb(0,36,191)
-
#0028d3
#0028d3
rgb(0,40,211)
-
#002ce6
#002ce6
rgb(0,44,230)
-
#002ffa
#002ffa
rgb(0,47,250)
-
#0e3cff
#0e3cff
rgb(14,60,255)
-
#224cff
#224cff
rgb(34,76,255)
-
#365cff
#365cff
rgb(54,92,255)
-
#496cff
#496cff
rgb(73,108,255)
-
#5d7cff
#5d7cff
rgb(93,124,255)
-
#708cff
#708cff
rgb(112,140,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 #224cff
A tone is produced by adding gray to any pure hue. In this case, #888b99 is the less saturated color, while #224cff is the most saturated one.
-
#888b99
#888b99
rgb(136,139,153)
-
#8086a2
#8086a2
rgb(128,134,162)
-
#7781aa
#7781aa
rgb(119,129,170)
-
#6f7bb3
#6f7bb3
rgb(111,123,179)
-
#6676bb
#6676bb
rgb(102,118,187)
-
#5e71c4
#5e71c4
rgb(94,113,196)
-
#556ccc
#556ccc
rgb(85,108,204)
-
#4d66d5
#4d66d5
rgb(77,102,213)
-
#4461dd
#4461dd
rgb(68,97,221)
-
#3c5ce6
#3c5ce6
rgb(60,92,230)
-
#3357ee
#3357ee
rgb(51,87,238)
-
#2b51f7
#2b51f7
rgb(43,81,247)
-
#224cff
#224cff
rgb(34,76,255)
Color Blindness Simulator
Below, you can see how #224cff 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.