#225a73 hex color

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

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

● #225a73 color description : Dark blue.

The hexadecimal color #225a73 has RGB values of R:34, G:90, B:115 and CMYK values of C:0.7, M:0.22, Y:0, K:0.55. Its decimal value is 2251379.

Hex triplet	225a73	`#225a73`
RGB Decimal	34, 90, 115	`rgb(34,90,115)`
RGB Percent	13.3, 35.3, 45.1	`rgb(13.3%,35.3%,45.1%)`
CMYK	70, 22, 0, 55
HSL	198.5°, 54.4, 29.2	`hsl(198.5,54.4%,29.2%)`
HSV (or HSB)	198.5°, 70.4, 45.1
Web Safe	336666	`#336666`

CIE-LAB	35.771, -9.557, -19.571
XYZ	7.41, 8.89, 17.544
xyY	0.219, 0.263, 8.89
CIE-LCH	35.771, 21.78, 243.973
CIE-LUV	35.771, -20.731, -25.4
Hunter-Lab	29.815, -7.817, -14.017
Binary	00100010, 01011010, 01110011

#225a73
```
#225a73 rgb(34,90,115)
```
#733b22
```
#733b22 rgb(115,59,34)
```

Complementary Color

#227364
```
#227364 rgb(34,115,100)
```
#225a73
```
#225a73 rgb(34,90,115)
```
#223273
```
#223273 rgb(34,50,115)
```

Analogous Color

#736422
```
#736422 rgb(115,100,34)
```
#225a73
```
#225a73 rgb(34,90,115)
```
#732232
```
#732232 rgb(115,34,50)
```

Split Complementary Color

#5a7322
```
#5a7322 rgb(90,115,34)
```
#225a73
```
#225a73 rgb(34,90,115)
```
#73225a
```
#73225a rgb(115,34,90)
```

Triadic Color

#22733b
```
#22733b rgb(34,115,59)
```
#225a73
```
#225a73 rgb(34,90,115)
```
#73225a
```
#73225a rgb(115,34,90)
```
#733b22
```
#733b22 rgb(115,59,34)
```

Tetradic Color

#112c38
```
#112c38 rgb(17,44,56)
```
#163b4c
```
#163b4c rgb(22,59,76)
```
#1c4b5f
```
#1c4b5f rgb(28,75,95)
```
#225a73
```
#225a73 rgb(34,90,115)
```
#286987
```
#286987 rgb(40,105,135)
```
#2e799a
```
#2e799a rgb(46,121,154)
```
#3388ae
```
#3388ae rgb(51,136,174)
```

Monochromatic Color

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

#226e73
```
#226e73 rgb(34,110,115)
```
#226873
```
#226873 rgb(34,104,115)
```
#226173
```
#226173 rgb(34,97,115)
```
#225a73
```
#225a73 rgb(34,90,115)
```
#225373
```
#225373 rgb(34,83,115)
```
#224d73
```
#224d73 rgb(34,77,115)
```
#224673
```
#224673 rgb(34,70,115)
```

Similar Colors

Text with hexadecimal color #225a73

This text has a font color of #225a73.

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

#225a73 background color

This paragraph has a background color of #225a73.

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

#225a73 border color

This element has a border color of #225a73.

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

CSS codes

.text {color:#225a73;}

.background {background-color:#225a73;}

.border {border:1px solid #225a73;}

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)
```
#071318
```
#071318 rgb(7,19,24)
```
#0c1f27
```
#0c1f27 rgb(12,31,39)
```
#102b36
```
#102b36 rgb(16,43,54)
```
#153646
```
#153646 rgb(21,54,70)
```
#194255
```
#194255 rgb(25,66,85)
```
#1e4e64
```
#1e4e64 rgb(30,78,100)
```
#225a73
```
#225a73 rgb(34,90,115)
```
#266682
```
#266682 rgb(38,102,130)
```
#2b7291
```
#2b7291 rgb(43,114,145)
```
#2f7ea0
```
#2f7ea0 rgb(47,126,160)
```
#3489b0
```
#3489b0 rgb(52,137,176)
```
#3895bf
```
#3895bf rgb(56,149,191)
```

Shade Color Variation

#439fc7
```
#439fc7 rgb(67,159,199)
```
#52a6cc
```
#52a6cc rgb(82,166,204)
```
#61aed0
```
#61aed0 rgb(97,174,208)
```
#71b6d5
```
#71b6d5 rgb(113,182,213)
```
#80bed9
```
#80bed9 rgb(128,190,217)
```
#8fc5de
```
#8fc5de rgb(143,197,222)
```
#9ecde2
```
#9ecde2 rgb(158,205,226)
```
#add5e7
```
#add5e7 rgb(173,213,231)
```
#bcddeb
```
#bcddeb rgb(188,221,235)
```
#cbe5f0
```
#cbe5f0 rgb(203,229,240)
```
#dbecf4
```
#dbecf4 rgb(219,236,244)
```
#eaf4f9
```
#eaf4f9 rgb(234,244,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 #056590 is the most saturated one.

#4a4b4b
```
#4a4b4b rgb(74,75,75)
```
#444d51
```
#444d51 rgb(68,77,81)
```
#3f4f56
```
#3f4f56 rgb(63,79,86)
```
#39515c
```
#39515c rgb(57,81,92)
```
#335362
```
#335362 rgb(51,83,98)
```
#2d5668
```
#2d5668 rgb(45,86,104)
```
#28586d
```
#28586d rgb(40,88,109)
```
#225a73
```
#225a73 rgb(34,90,115)
```
#1c5c79
```
#1c5c79 rgb(28,92,121)
```
#175e7e
```
#175e7e rgb(23,94,126)
```
#116184
```
#116184 rgb(17,97,132)
```
#0b638a
```
#0b638a rgb(11,99,138)
```
#056590
```
#056590 rgb(5,101,144)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#444f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555c75 Protanopia 1% of men
#515c7c Deuteranopia 1% of men
#23656c Tritanopia 0.001% of the population

Trichromacy

#425b74 Protanomaly 1% of men, 0.01% of women
#405b79 Deuteranomaly 6% of men, 0.4% of women
#22616e Tritanomaly 0.01% of the population

#225a73 hex color

#225a73 Color Information

#225a73 Color Conversion

Color Schemes with #225a73

Alternatives to #225a73

#225a73 Preview

Shades and Tints of #225a73

Tones of #225a73

Color Blindness Simulator