#224bb3 Color Information
In a RGB color space, hex #224bb3 is composed of 13.3% red, 29.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 58.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 223 degrees, a saturation of 68.1% and a lightness of 41.8%. #224bb3 color hex could be obtained by blending #4496ff with #000067. Closest websafe color is: #3333cc.
-
- R 13
- G 29
- B 70
-
- C 81
- M 58
- Y 0
- K 30
● #224bb3 color description : Strong blue.
#224bb3 Color Conversion
The hexadecimal color #224bb3 has RGB values of R:34, G:75, B:179 and CMYK values of C:0.81, M:0.58, Y:0, K:0.3. Its decimal value is 2247603.
Hex triplet | 224bb3 | #224bb3 |
---|---|---|
RGB Decimal | 34, 75, 179 | rgb(34,75,179) |
RGB Percent | 13.3, 29.4, 70.2 | rgb(13.3%,29.4%,70.2%) |
CMYK | 81, 58, 0, 30 | |
HSL | 223°, 68.1, 41.8 | hsl(223,68.1%,41.8%) |
HSV (or HSB) | 223°, 81, 70.2 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 35.254, 25.012, -59.173 |
---|---|
XYZ | 11.311, 8.626, 43.714 |
xyY | 0.178, 0.136, 8.626 |
CIE-LCH | 35.254, 64.243, 292.913 |
CIE-LUV | 35.254, -14.396, -83.756 |
Hunter-Lab | 29.37, 17.344, -67.688 |
Binary | 00100010, 01001011, 10110011 |
Color Schemes with #224bb3
Alternatives to #224bb3
Below, you can see some colors close to #224bb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224bb3 Preview
This text has a font color of #224bb3.
<span style="color:#224bb3;">Text here</span>
This paragraph has a background color of #224bb3.
<p style="background-color:#224bb3;">Content here</p>
This element has a border color of #224bb3.
<div style="border:1px solid #224bb3;">Content here</div>
.text {color:#224bb3;}
.background {background-color:#224bb3;}
.border {border:1px solid #224bb3;}
Shades and Tints of #224bb3
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, #03060e is the darkest color, while #fdfdff is the lightest one.
-
#03060e
#03060e
rgb(3,6,14)
-
#060d1f
#060d1f
rgb(6,13,31)
-
#09142f
#09142f
rgb(9,20,47)
-
#0c1b40
#0c1b40
rgb(12,27,64)
-
#0f2250
#0f2250
rgb(15,34,80)
-
#122861
#122861
rgb(18,40,97)
-
#152f71
#152f71
rgb(21,47,113)
-
#193682
#193682
rgb(25,54,130)
-
#1c3d92
#1c3d92
rgb(28,61,146)
-
#1f44a3
#1f44a3
rgb(31,68,163)
-
#224bb3
#224bb3
rgb(34,75,179)
-
#2552c3
#2552c3
rgb(37,82,195)
-
#2859d4
#2859d4
rgb(40,89,212)
-
#3765d9
#3765d9
rgb(55,101,217)
-
#4771dc
#4771dc
rgb(71,113,220)
-
#587edf
#587edf
rgb(88,126,223)
-
#688be2
#688be2
rgb(104,139,226)
-
#7998e6
#7998e6
rgb(121,152,230)
-
#89a4e9
#89a4e9
rgb(137,164,233)
-
#9ab1ec
#9ab1ec
rgb(154,177,236)
-
#aabeef
#aabeef
rgb(170,190,239)
-
#bbcaf2
#bbcaf2
rgb(187,202,242)
-
#cbd7f5
#cbd7f5
rgb(203,215,245)
-
#dce4f8
#dce4f8
rgb(220,228,248)
-
#ecf0fb
#ecf0fb
rgb(236,240,251)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #224bb3
A tone is produced by adding gray to any pure hue. In this case, #646771 is the less saturated color, while #013dd4 is the most saturated one.
-
#646771
#646771
rgb(100,103,113)
-
#5b647a
#5b647a
rgb(91,100,122)
-
#536082
#536082
rgb(83,96,130)
-
#4b5d8a
#4b5d8a
rgb(75,93,138)
-
#435992
#435992
rgb(67,89,146)
-
#3b569a
#3b569a
rgb(59,86,154)
-
#3252a3
#3252a3
rgb(50,82,163)
-
#2a4fab
#2a4fab
rgb(42,79,171)
-
#224bb3
#224bb3
rgb(34,75,179)
-
#1a47bb
#1a47bb
rgb(26,71,187)
-
#1244c3
#1244c3
rgb(18,68,195)
-
#0940cc
#0940cc
rgb(9,64,204)
-
#013dd4
#013dd4
rgb(1,61,212)
Color Blindness Simulator
Below, you can see how #224bb3 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.