#225aa8 Color Information
In a RGB color space, hex #225aa8 is composed of 13.3% red, 35.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 46.4% magenta, 0% yellow and 34.1% black. It has a hue angle of 214.9 degrees, a saturation of 66.3% and a lightness of 39.6%. #225aa8 color hex could be obtained by blending #44b4ff with #000051. Closest websafe color is: #336699.
-
- R 13
- G 35
- B 66
-
- C 80
- M 46
- Y 0
- K 34
● #225aa8 color description : Dark blue.
#225aa8 Color Conversion
The hexadecimal color #225aa8 has RGB values of R:34, G:90, B:168 and CMYK values of C:0.8, M:0.46, Y:0, K:0.34. Its decimal value is 2251432.
Hex triplet | 225aa8 | #225aa8 |
---|---|---|
RGB Decimal | 34, 90, 168 | rgb(34,90,168) |
RGB Percent | 13.3, 35.3, 65.9 | rgb(13.3%,35.3%,65.9%) |
CMYK | 80, 46, 0, 34 | |
HSL | 214.9°, 66.3, 39.6 | hsl(214.9,66.3%,39.6%) |
HSV (or HSB) | 214.9°, 79.8, 65.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.688, 10.727, -47.095 |
---|---|
XYZ | 11.382, 10.479, 38.466 |
xyY | 0.189, 0.174, 10.479 |
CIE-LCH | 38.688, 48.301, 282.831 |
CIE-LUV | 38.688, -18.863, -68.512 |
Hunter-Lab | 32.371, 6.115, -47.795 |
Binary | 00100010, 01011010, 10101000 |
Color Schemes with #225aa8
Alternatives to #225aa8
Below, you can see some colors close to #225aa8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225aa8 Preview
This text has a font color of #225aa8.
<span style="color:#225aa8;">Text here</span>
This paragraph has a background color of #225aa8.
<p style="background-color:#225aa8;">Content here</p>
This element has a border color of #225aa8.
<div style="border:1px solid #225aa8;">Content here</div>
.text {color:#225aa8;}
.background {background-color:#225aa8;}
.border {border:1px solid #225aa8;}
Shades and Tints of #225aa8
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, #010305 is the darkest color, while #f4f7fd is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#040b15
#040b15
rgb(4,11,21)
-
#081425
#081425
rgb(8,20,37)
-
#0b1d36
#0b1d36
rgb(11,29,54)
-
#0e2646
#0e2646
rgb(14,38,70)
-
#112e56
#112e56
rgb(17,46,86)
-
#153767
#153767
rgb(21,55,103)
-
#184077
#184077
rgb(24,64,119)
-
#1b4987
#1b4987
rgb(27,73,135)
-
#1f5198
#1f5198
rgb(31,81,152)
-
#225aa8
#225aa8
rgb(34,90,168)
-
#2563b8
#2563b8
rgb(37,99,184)
-
#296bc9
#296bc9
rgb(41,107,201)
-
#3075d5
#3075d5
rgb(48,117,213)
-
#4080d8
#4080d8
rgb(64,128,216)
-
#508bdc
#508bdc
rgb(80,139,220)
-
#6195df
#6195df
rgb(97,149,223)
-
#71a0e2
#71a0e2
rgb(113,160,226)
-
#81abe6
#81abe6
rgb(129,171,230)
-
#92b6e9
#92b6e9
rgb(146,182,233)
-
#a2c1ec
#a2c1ec
rgb(162,193,236)
-
#b2ccef
#b2ccef
rgb(178,204,239)
-
#c3d7f3
#c3d7f3
rgb(195,215,243)
-
#d3e2f6
#d3e2f6
rgb(211,226,246)
-
#e3ecf9
#e3ecf9
rgb(227,236,249)
-
#f4f7fd
#f4f7fd
rgb(244,247,253)
Tones of #225aa8
A tone is produced by adding gray to any pure hue. In this case, #60646a is the less saturated color, while #0355c7 is the most saturated one.
-
#60646a
#60646a
rgb(96,100,106)
-
#586372
#586372
rgb(88,99,114)
-
#516279
#516279
rgb(81,98,121)
-
#496081
#496081
rgb(73,96,129)
-
#415f89
#415f89
rgb(65,95,137)
-
#395e91
#395e91
rgb(57,94,145)
-
#325d98
#325d98
rgb(50,93,152)
-
#2a5ba0
#2a5ba0
rgb(42,91,160)
-
#225aa8
#225aa8
rgb(34,90,168)
-
#1a59b0
#1a59b0
rgb(26,89,176)
-
#1257b8
#1257b8
rgb(18,87,184)
-
#0b56bf
#0b56bf
rgb(11,86,191)
-
#0355c7
#0355c7
rgb(3,85,199)
Color Blindness Simulator
Below, you can see how #225aa8 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.