#224584 Color Information
In a RGB color space, hex #224584 is composed of 13.3% red, 27.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 47.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 218.6 degrees, a saturation of 59% and a lightness of 32.5%. #224584 color hex could be obtained by blending #448aff with #000009. Closest websafe color is: #333399.
-
- R 13
- G 27
- B 52
-
- C 74
- M 48
- Y 0
- K 48
● #224584 color description : Dark blue.
#224584 Color Conversion
The hexadecimal color #224584 has RGB values of R:34, G:69, B:132 and CMYK values of C:0.74, M:0.48, Y:0, K:0.48. Its decimal value is 2246020.
Hex triplet | 224584 | #224584 |
---|---|---|
RGB Decimal | 34, 69, 132 | rgb(34,69,132) |
RGB Percent | 13.3, 27.1, 51.8 | rgb(13.3%,27.1%,51.8%) |
CMYK | 74, 48, 0, 48 | |
HSL | 218.6°, 59, 32.5 | hsl(218.6,59%,32.5%) |
HSV (or HSB) | 218.6°, 74.2, 51.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 30.064, 10.551, -39.12 |
---|---|
XYZ | 6.952, 6.262, 22.671 |
xyY | 0.194, 0.174, 6.262 |
CIE-LCH | 30.064, 40.518, 285.094 |
CIE-LUV | 30.064, -12.973, -52.626 |
Hunter-Lab | 25.024, 5.798, -36.199 |
Binary | 00100010, 01000101, 10000100 |
Color Schemes with #224584
Alternatives to #224584
Below, you can see some colors close to #224584. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224584 Preview
This text has a font color of #224584.
<span style="color:#224584;">Text here</span>
This paragraph has a background color of #224584.
<p style="background-color:#224584;">Content here</p>
This element has a border color of #224584.
<div style="border:1px solid #224584;">Content here</div>
.text {color:#224584;}
.background {background-color:#224584;}
.border {border:1px solid #224584;}
Shades and Tints of #224584
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, #020407 is the darkest color, while #f7f9fd is the lightest one.
-
#020407
#020407
rgb(2,4,7)
-
#060c17
#060c17
rgb(6,12,23)
-
#0a1426
#0a1426
rgb(10,20,38)
-
#0e1c36
#0e1c36
rgb(14,28,54)
-
#122446
#122446
rgb(18,36,70)
-
#162d55
#162d55
rgb(22,45,85)
-
#1a3565
#1a3565
rgb(26,53,101)
-
#1e3d74
#1e3d74
rgb(30,61,116)
-
#224584
#224584
rgb(34,69,132)
-
#264d94
#264d94
rgb(38,77,148)
-
#2a55a3
#2a55a3
rgb(42,85,163)
-
#2e5db3
#2e5db3
rgb(46,93,179)
-
#3266c2
#3266c2
rgb(50,102,194)
-
#3b6fcd
#3b6fcd
rgb(59,111,205)
-
#4b7bd1
#4b7bd1
rgb(75,123,209)
-
#5b86d5
#5b86d5
rgb(91,134,213)
-
#6a92d9
#6a92d9
rgb(106,146,217)
-
#7a9ddd
#7a9ddd
rgb(122,157,221)
-
#89a9e1
#89a9e1
rgb(137,169,225)
-
#99b4e5
#99b4e5
rgb(153,180,229)
-
#a9c0e9
#a9c0e9
rgb(169,192,233)
-
#b8cbed
#b8cbed
rgb(184,203,237)
-
#c8d6f1
#c8d6f1
rgb(200,214,241)
-
#d7e2f5
#d7e2f5
rgb(215,226,245)
-
#e7edf9
#e7edf9
rgb(231,237,249)
-
#f7f9fd
#f7f9fd
rgb(247,249,253)
Tones of #224584
A tone is produced by adding gray to any pure hue. In this case, #4f5257 is the less saturated color, while #023ca4 is the most saturated one.
-
#4f5257
#4f5257
rgb(79,82,87)
-
#48505e
#48505e
rgb(72,80,94)
-
#424e64
#424e64
rgb(66,78,100)
-
#3c4c6a
#3c4c6a
rgb(60,76,106)
-
#354a71
#354a71
rgb(53,74,113)
-
#2f4977
#2f4977
rgb(47,73,119)
-
#28477e
#28477e
rgb(40,71,126)
-
#224584
#224584
rgb(34,69,132)
-
#1c438a
#1c438a
rgb(28,67,138)
-
#154191
#154191
rgb(21,65,145)
-
#0f4097
#0f4097
rgb(15,64,151)
-
#083e9e
#083e9e
rgb(8,62,158)
-
#023ca4
#023ca4
rgb(2,60,164)
Color Blindness Simulator
Below, you can see how #224584 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.