#225573 hex color

In a RGB color space, hex #225573 is composed of 13.3% red, 33.3% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 26.1% magenta, 0% yellow and 54.9% black. It has a hue angle of 202.2 degrees, a saturation of 54.4% and a lightness of 29.2%. #225573 color hex could be obtained by blending #44aae6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 33
- B 45
RGB color chart
- C 70
- M 26
- Y 0
- K 55
CMYK color chart

● #225573 color description : Dark blue.

The hexadecimal color #225573 has RGB values of R:34, G:85, B:115 and CMYK values of C:0.7, M:0.26, Y:0, K:0.55. Its decimal value is 2250099.

Hex triplet	225573	`#225573`
RGB Decimal	34, 85, 115	`rgb(34,85,115)`
RGB Percent	13.3, 33.3, 45.1	`rgb(13.3%,33.3%,45.1%)`
CMYK	70, 26, 0, 55
HSL	202.2°, 54.4, 29.2	`hsl(202.2,54.4%,29.2%)`
HSV (or HSB)	202.2°, 70.4, 45.1
Web Safe	336666	`#336666`

CIE-LAB	34.137, -6.506, -22.106
XYZ	7.002, 8.074, 17.408
xyY	0.216, 0.249, 8.074
CIE-LCH	34.137, 23.044, 253.6
CIE-LUV	34.137, -18.877, -29.016
Hunter-Lab	28.415, -5.742, -16.432
Binary	00100010, 01010101, 01110011

#225573
```
#225573 rgb(34,85,115)
```
#734022
```
#734022 rgb(115,64,34)
```

Complementary Color

#227369
```
#227369 rgb(34,115,105)
```
#225573
```
#225573 rgb(34,85,115)
```
#222d73
```
#222d73 rgb(34,45,115)
```

Analogous Color

#736922
```
#736922 rgb(115,105,34)
```
#225573
```
#225573 rgb(34,85,115)
```
#73222d
```
#73222d rgb(115,34,45)
```

Split Complementary Color

#557322
```
#557322 rgb(85,115,34)
```
#225573
```
#225573 rgb(34,85,115)
```
#732255
```
#732255 rgb(115,34,85)
```

Triadic Color

#227340
```
#227340 rgb(34,115,64)
```
#225573
```
#225573 rgb(34,85,115)
```
#732255
```
#732255 rgb(115,34,85)
```
#734022
```
#734022 rgb(115,64,34)
```

Tetradic Color

#112938
```
#112938 rgb(17,41,56)
```
#16384c
```
#16384c rgb(22,56,76)
```
#1c465f
```
#1c465f rgb(28,70,95)
```
#225573
```
#225573 rgb(34,85,115)
```
#286487
```
#286487 rgb(40,100,135)
```
#2e729a
```
#2e729a rgb(46,114,154)
```
#3381ae
```
#3381ae rgb(51,129,174)
```

Monochromatic Color

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

#226973
```
#226973 rgb(34,105,115)
```
#226373
```
#226373 rgb(34,99,115)
```
#225c73
```
#225c73 rgb(34,92,115)
```
#225573
```
#225573 rgb(34,85,115)
```
#224e73
```
#224e73 rgb(34,78,115)
```
#224873
```
#224873 rgb(34,72,115)
```
#224173
```
#224173 rgb(34,65,115)
```

Similar Colors

Text with hexadecimal color #225573

This text has a font color of #225573.

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

#225573 background color

This paragraph has a background color of #225573.

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

#225573 border color

This element has a border color of #225573.

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

CSS codes

.text {color:#225573;}

.background {background-color:#225573;}

.border {border:1px solid #225573;}

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, #030709 is the darkest color, while #f9fcfd is the lightest one.

#030709
```
#030709 rgb(3,7,9)
```
#071218
```
#071218 rgb(7,18,24)
```
#0c1d27
```
#0c1d27 rgb(12,29,39)
```
#102836
```
#102836 rgb(16,40,54)
```
#153346
```
#153346 rgb(21,51,70)
```
#193f55
```
#193f55 rgb(25,63,85)
```
#1e4a64
```
#1e4a64 rgb(30,74,100)
```
#225573
```
#225573 rgb(34,85,115)
```
#266082
```
#266082 rgb(38,96,130)
```
#2b6b91
```
#2b6b91 rgb(43,107,145)
```
#2f77a0
```
#2f77a0 rgb(47,119,160)
```
#3482b0
```
#3482b0 rgb(52,130,176)
```
#388dbf
```
#388dbf rgb(56,141,191)
```

Shade Color Variation

#4396c7
```
#4396c7 rgb(67,150,199)
```
#529fcc
```
#529fcc rgb(82,159,204)
```
#61a7d0
```
#61a7d0 rgb(97,167,208)
```
#71b0d5
```
#71b0d5 rgb(113,176,213)
```
#80b8d9
```
#80b8d9 rgb(128,184,217)
```
#8fc1de
```
#8fc1de rgb(143,193,222)
```
#9ec9e2
```
#9ec9e2 rgb(158,201,226)
```
#add1e7
```
#add1e7 rgb(173,209,231)
```
#bcdaeb
```
#bcdaeb rgb(188,218,235)
```
#cbe2f0
```
#cbe2f0 rgb(203,226,240)
```
#dbebf4
```
#dbebf4 rgb(219,235,244)
```
#eaf3f9
```
#eaf3f9 rgb(234,243,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4b4b is the less saturated color, while #055c90 is the most saturated one.

#4a4b4b
```
#4a4b4b rgb(74,75,75)
```
#444c51
```
#444c51 rgb(68,76,81)
```
#3f4e56
```
#3f4e56 rgb(63,78,86)
```
#394f5c
```
#394f5c rgb(57,79,92)
```
#335162
```
#335162 rgb(51,81,98)
```
#2d5268
```
#2d5268 rgb(45,82,104)
```
#28546d
```
#28546d rgb(40,84,109)
```
#225573
```
#225573 rgb(34,85,115)
```
#1c5679
```
#1c5679 rgb(28,86,121)
```
#17587e
```
#17587e rgb(23,88,126)
```
#115984
```
#115984 rgb(17,89,132)
```
#0b5b8a
```
#0b5b8a rgb(11,91,138)
```
#055c90
```
#055c90 rgb(5,92,144)
```

Tone Color Variation

Below, you can see how #225573 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

#494949 Achromatopsia 0.005% of the population
#414b51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5876 Protanopia 1% of men
#4a587c Deuteranopia 1% of men
#1f6168 Tritanopia 0.001% of the population

Trichromacy

#3f5775 Protanomaly 1% of men, 0.01% of women
#3b5778 Deuteranomaly 6% of men, 0.4% of women
#205c6c Tritanomaly 0.01% of the population

#225573 hex color

#225573 Color Information

#225573 Color Conversion

Color Schemes with #225573

Alternatives to #225573

#225573 Preview

Shades and Tints of #225573

Tones of #225573

Color Blindness Simulator