#22528e hex color

In a RGB color space, hex #22528e is composed of 13.3% red, 32.2% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 42.3% magenta, 0% yellow and 44.3% black. It has a hue angle of 213.3 degrees, a saturation of 61.4% and a lightness of 34.5%. #22528e color hex could be obtained by blending #44a4ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 32
- B 56
RGB color chart
- C 76
- M 42
- Y 0
- K 44
CMYK color chart

● #22528e color description : Dark blue.

The hexadecimal color #22528e has RGB values of R:34, G:82, B:142 and CMYK values of C:0.76, M:0.42, Y:0, K:0.44. Its decimal value is 2249358.

Hex triplet	22528e	`#22528e`
RGB Decimal	34, 82, 142	`rgb(34,82,142)`
RGB Percent	13.3, 32.2, 55.7	`rgb(13.3%,32.2%,55.7%)`
CMYK	76, 42, 0, 44
HSL	213.3°, 61.4, 34.5	`hsl(213.3,61.4%,34.5%)`
HSV (or HSB)	213.3°, 76.1, 55.7
Web Safe	336699	`#336699`

CIE-LAB	34.655, 5.766, -37.919
XYZ	8.558, 8.327, 26.746
xyY	0.196, 0.191, 8.327
CIE-LCH	34.655, 38.355, 278.647
CIE-LUV	34.655, -16.96, -53.001
Hunter-Lab	28.857, 2.441, -34.754
Binary	00100010, 01010010, 10001110

#22528e
```
#22528e rgb(34,82,142)
```
#8e5e22
```
#8e5e22 rgb(142,94,34)
```

Complementary Color

#22888e
```
#22888e rgb(34,136,142)
```
#22528e
```
#22528e rgb(34,82,142)
```
#28228e
```
#28228e rgb(40,34,142)
```

Analogous Color

#888e22
```
#888e22 rgb(136,142,34)
```
#22528e
```
#22528e rgb(34,82,142)
```
#8e2822
```
#8e2822 rgb(142,40,34)
```

Split Complementary Color

#528e22
```
#528e22 rgb(82,142,34)
```
#22528e
```
#22528e rgb(34,82,142)
```
#8e2252
```
#8e2252 rgb(142,34,82)
```

Triadic Color

#228e5e
```
#228e5e rgb(34,142,94)
```
#22528e
```
#22528e rgb(34,82,142)
```
#8e2252
```
#8e2252 rgb(142,34,82)
```
#8e5e22
```
#8e5e22 rgb(142,94,34)
```

Tetradic Color

#132e50
```
#132e50 rgb(19,46,80)
```
#183a65
```
#183a65 rgb(24,58,101)
```
#1d4679
```
#1d4679 rgb(29,70,121)
```
#22528e
```
#22528e rgb(34,82,142)
```
#275ea3
```
#275ea3 rgb(39,94,163)
```
#2c6ab7
```
#2c6ab7 rgb(44,106,183)
```
#3176cc
```
#3176cc rgb(49,118,204)
```

Monochromatic Color

Below, you can see some colors close to #22528e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#226d8e
```
#226d8e rgb(34,109,142)
```
#22648e
```
#22648e rgb(34,100,142)
```
#225b8e
```
#225b8e rgb(34,91,142)
```
#22528e
```
#22528e rgb(34,82,142)
```
#22498e
```
#22498e rgb(34,73,142)
```
#22408e
```
#22408e rgb(34,64,142)
```
#22378e
```
#22378e rgb(34,55,142)
```

Similar Colors

Text with hexadecimal color #22528e

This text has a font color of #22528e.

<span style="color:#22528e;">Text here</span>

#22528e background color

This paragraph has a background color of #22528e.

<p style="background-color:#22528e;">Content here</p>

#22528e border color

This element has a border color of #22528e.

<div style="border:1px solid #22528e;">Content here</div>

CSS codes

.text {color:#22528e;}

.background {background-color:#22528e;}

.border {border:1px solid #22528e;}

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, #04090f is the darkest color, while #ffffff is the lightest one.

#04090f
```
#04090f rgb(4,9,15)
```
#07121f
```
#07121f rgb(7,18,31)
```
#0b1b2f
```
#0b1b2f rgb(11,27,47)
```
#0f243f
```
#0f243f rgb(15,36,63)
```
#132d4f
```
#132d4f rgb(19,45,79)
```
#17375f
```
#17375f rgb(23,55,95)
```
#1a406e
```
#1a406e rgb(26,64,110)
```
#1e497e
```
#1e497e rgb(30,73,126)
```
#22528e
```
#22528e rgb(34,82,142)
```
#265b9e
```
#265b9e rgb(38,91,158)
```
#2a64ae
```
#2a64ae rgb(42,100,174)
```
#2d6dbd
```
#2d6dbd rgb(45,109,189)
```
#3177cd
```
#3177cd rgb(49,119,205)
```

Shade Color Variation

#4181d1
```
#4181d1 rgb(65,129,209)
```
#508bd5
```
#508bd5 rgb(80,139,213)
```
#6096d9
```
#6096d9 rgb(96,150,217)
```
#70a0dd
```
#70a0dd rgb(112,160,221)
```
#80abe1
```
#80abe1 rgb(128,171,225)
```
#90b5e4
```
#90b5e4 rgb(144,181,228)
```
#a0c0e8
```
#a0c0e8 rgb(160,192,232)
```
#afcaec
```
#afcaec rgb(175,202,236)
```
#bfd5f0
```
#bfd5f0 rgb(191,213,240)
```
#cfdff4
```
#cfdff4 rgb(207,223,244)
```
#dfeaf7
```
#dfeaf7 rgb(223,234,247)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51575f is the less saturated color, while #004eb0 is the most saturated one.

#51575f
```
#51575f rgb(81,87,95)
```
#4b5765
```
#4b5765 rgb(75,87,101)
```
#44566c
```
#44566c rgb(68,86,108)
```
#3d5573
```
#3d5573 rgb(61,85,115)
```
#36547a
```
#36547a rgb(54,84,122)
```
#305480
```
#305480 rgb(48,84,128)
```
#295387
```
#295387 rgb(41,83,135)
```
#22528e
```
#22528e rgb(34,82,142)
```
#1b5195
```
#1b5195 rgb(27,81,149)
```
#14509c
```
#14509c rgb(20,80,156)
```
#0e50a2
```
#0e50a2 rgb(14,80,162)
```
#074fa9
```
#074fa9 rgb(7,79,169)
```
#004eb0
```
#004eb0 rgb(0,78,176)
```

Tone Color Variation

Below, you can see how #22528e 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.

Monochromacy

#4a4a4a Achromatopsia 0.005% of the population
#424c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5891 Protanopia 1% of men
#295b93 Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#355690 Protanomaly 1% of men, 0.01% of women
#265891 Deuteranomaly 6% of men, 0.4% of women
#0c5d77 Tritanomaly 0.01% of the population

#22528e hex color

#22528e Color Information

#22528e Color Conversion

Color Schemes with #22528e

Alternatives to #22528e

#22528e Preview

Shades and Tints of #22528e

Tones of #22528e

Color Blindness Simulator