#225aaa Color Information
In a RGB color space, hex #225aaa is composed of 13.3% red, 35.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 47.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 215.3 degrees, a saturation of 66.7% and a lightness of 40%. #225aaa color hex could be obtained by blending #44b4ff with #000055. Closest websafe color is: #336699.
-
- R 13
- G 35
- B 67
-
- C 80
- M 47
- Y 0
- K 33
● #225aaa color description : Dark blue.
#225aaa Color Conversion
The hexadecimal color #225aaa has RGB values of R:34, G:90, B:170 and CMYK values of C:0.8, M:0.47, Y:0, K:0.33. Its decimal value is 2251434.
Hex triplet | 225aaa | #225aaa |
---|---|---|
RGB Decimal | 34, 90, 170 | rgb(34,90,170) |
RGB Percent | 13.3, 35.3, 66.7 | rgb(13.3%,35.3%,66.7%) |
CMYK | 80, 47, 0, 33 | |
HSL | 215.3°, 66.7, 40 | hsl(215.3,66.7%,40%) |
HSV (or HSB) | 215.3°, 80, 66.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.819, 11.513, -48.072 |
---|---|
XYZ | 11.57, 10.554, 39.455 |
xyY | 0.188, 0.171, 10.554 |
CIE-LCH | 38.819, 49.431, 283.468 |
CIE-LUV | 38.819, -18.814, -70.048 |
Hunter-Lab | 32.487, 6.72, -49.268 |
Binary | 00100010, 01011010, 10101010 |
Color Schemes with #225aaa
Alternatives to #225aaa
Below, you can see some colors close to #225aaa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225aaa Preview
This text has a font color of #225aaa.
<span style="color:#225aaa;">Text here</span>
This paragraph has a background color of #225aaa.
<p style="background-color:#225aaa;">Content here</p>
This element has a border color of #225aaa.
<div style="border:1px solid #225aaa;">Content here</div>
.text {color:#225aaa;}
.background {background-color:#225aaa;}
.border {border:1px solid #225aaa;}
Shades and Tints of #225aaa
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, #010307 is the darkest color, while #f5f8fd is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#050c17
#050c17
rgb(5,12,23)
-
#081527
#081527
rgb(8,21,39)
-
#0b1d38
#0b1d38
rgb(11,29,56)
-
#0e2648
#0e2648
rgb(14,38,72)
-
#122f58
#122f58
rgb(18,47,88)
-
#153769
#153769
rgb(21,55,105)
-
#184079
#184079
rgb(24,64,121)
-
#1b4989
#1b4989
rgb(27,73,137)
-
#1f519a
#1f519a
rgb(31,81,154)
-
#225aaa
#225aaa
rgb(34,90,170)
-
#2563ba
#2563ba
rgb(37,99,186)
-
#296bcb
#296bcb
rgb(41,107,203)
-
#3175d6
#3175d6
rgb(49,117,214)
-
#4180d9
#4180d9
rgb(65,128,217)
-
#528bdc
#528bdc
rgb(82,139,220)
-
#6296e0
#6296e0
rgb(98,150,224)
-
#72a1e3
#72a1e3
rgb(114,161,227)
-
#83ace6
#83ace6
rgb(131,172,230)
-
#93b7e9
#93b7e9
rgb(147,183,233)
-
#a3c2ed
#a3c2ed
rgb(163,194,237)
-
#b4cdf0
#b4cdf0
rgb(180,205,240)
-
#c4d8f3
#c4d8f3
rgb(196,216,243)
-
#d5e3f7
#d5e3f7
rgb(213,227,247)
-
#e5edfa
#e5edfa
rgb(229,237,250)
-
#f5f8fd
#f5f8fd
rgb(245,248,253)
Tones of #225aaa
A tone is produced by adding gray to any pure hue. In this case, #61656b is the less saturated color, while #0354c9 is the most saturated one.
-
#61656b
#61656b
rgb(97,101,107)
-
#596473
#596473
rgb(89,100,115)
-
#51627b
#51627b
rgb(81,98,123)
-
#496183
#496183
rgb(73,97,131)
-
#41608b
#41608b
rgb(65,96,139)
-
#3a5e92
#3a5e92
rgb(58,94,146)
-
#325d9a
#325d9a
rgb(50,93,154)
-
#2a5ba2
#2a5ba2
rgb(42,91,162)
-
#225aaa
#225aaa
rgb(34,90,170)
-
#1a59b2
#1a59b2
rgb(26,89,178)
-
#1257ba
#1257ba
rgb(18,87,186)
-
#0a56c2
#0a56c2
rgb(10,86,194)
-
#0354c9
#0354c9
rgb(3,84,201)
Color Blindness Simulator
Below, you can see how #225aaa 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.