#22557d Color Information
In a RGB color space, hex #22557d is composed of 13.3% red, 33.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 32% magenta, 0% yellow and 51% black. It has a hue angle of 206.4 degrees, a saturation of 57.2% and a lightness of 31.2%. #22557d color hex could be obtained by blending #44aafa with #000000. Closest websafe color is: #336666.
-
- R 13
- G 33
- B 49
-
- C 73
- M 32
- Y 0
- K 51
● #22557d color description : Dark blue.
#22557d Color Conversion
The hexadecimal color #22557d has RGB values of R:34, G:85, B:125 and CMYK values of C:0.73, M:0.32, Y:0, K:0.51. Its decimal value is 2250109.
Hex triplet | 22557d | #22557d |
---|---|---|
RGB Decimal | 34, 85, 125 | rgb(34,85,125) |
RGB Percent | 13.3, 33.3, 49 | rgb(13.3%,33.3%,49%) |
CMYK | 73, 32, 0, 51 | |
HSL | 206.4°, 57.2, 31.2 | hsl(206.4,57.2%,31.2%) |
HSV (or HSB) | 206.4°, 72.8, 49 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.635, -2.761, -27.523 |
---|---|
XYZ | 7.609, 8.317, 20.605 |
xyY | 0.208, 0.228, 8.317 |
CIE-LCH | 34.635, 27.662, 264.271 |
CIE-LUV | 34.635, -18.506, -37.304 |
Hunter-Lab | 28.839, -3.374, -22.174 |
Binary | 00100010, 01010101, 01111101 |
Color Schemes with #22557d
Alternatives to #22557d
Below, you can see some colors close to #22557d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22557d Preview
This text has a font color of #22557d.
<span style="color:#22557d;">Text here</span>
This paragraph has a background color of #22557d.
<p style="background-color:#22557d;">Content here</p>
This element has a border color of #22557d.
<div style="border:1px solid #22557d;">Content here</div>
.text {color:#22557d;}
.background {background-color:#22557d;}
.border {border:1px solid #22557d;}
Shades and Tints of #22557d
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, #000102 is the darkest color, while #f1f7fb is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#050c11
#050c11
rgb(5,12,17)
-
#091620
#091620
rgb(9,22,32)
-
#0d2130
#0d2130
rgb(13,33,48)
-
#112b3f
#112b3f
rgb(17,43,63)
-
#15364f
#15364f
rgb(21,54,79)
-
#1a405e
#1a405e
rgb(26,64,94)
-
#1e4b6e
#1e4b6e
rgb(30,75,110)
-
#22557d
#22557d
rgb(34,85,125)
-
#265f8c
#265f8c
rgb(38,95,140)
-
#2a6a9c
#2a6a9c
rgb(42,106,156)
-
#2f74ab
#2f74ab
rgb(47,116,171)
-
#337fbb
#337fbb
rgb(51,127,187)
-
#3889c9
#3889c9
rgb(56,137,201)
-
#4892cd
#4892cd
rgb(72,146,205)
-
#579cd1
#579cd1
rgb(87,156,209)
-
#66a5d5
#66a5d5
rgb(102,165,213)
-
#76aeda
#76aeda
rgb(118,174,218)
-
#85b7de
#85b7de
rgb(133,183,222)
-
#95c0e2
#95c0e2
rgb(149,192,226)
-
#a4c9e6
#a4c9e6
rgb(164,201,230)
-
#b4d2ea
#b4d2ea
rgb(180,210,234)
-
#c3dbef
#c3dbef
rgb(195,219,239)
-
#d2e5f3
#d2e5f3
rgb(210,229,243)
-
#e2eef7
#e2eef7
rgb(226,238,247)
-
#f1f7fb
#f1f7fb
rgb(241,247,251)
Tones of #22557d
A tone is produced by adding gray to any pure hue. In this case, #4d5052 is the less saturated color, while #03599c is the most saturated one.
-
#4d5052
#4d5052
rgb(77,80,82)
-
#475158
#475158
rgb(71,81,88)
-
#41515e
#41515e
rgb(65,81,94)
-
#3a5265
#3a5265
rgb(58,82,101)
-
#34536b
#34536b
rgb(52,83,107)
-
#2e5471
#2e5471
rgb(46,84,113)
-
#285477
#285477
rgb(40,84,119)
-
#22557d
#22557d
rgb(34,85,125)
-
#1c5683
#1c5683
rgb(28,86,131)
-
#165689
#165689
rgb(22,86,137)
-
#10578f
#10578f
rgb(16,87,143)
-
#0a5895
#0a5895
rgb(10,88,149)
-
#03599c
#03599c
rgb(3,89,156)
Color Blindness Simulator
Below, you can see how #22557d 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.