#22504a hex color

In a RGB color space, hex #22504a is composed of 13.3% red, 31.4% green and 29% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 0% magenta, 7.5% yellow and 68.6% black. It has a hue angle of 172.2 degrees, a saturation of 40.4% and a lightness of 22.4%. #22504a color hex could be obtained by blending #44a094 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 13
- G 31
- B 29
RGB color chart
- C 58
- M 0
- Y 7
- K 69
CMYK color chart

● #22504a color description : Very dark desaturated cyan.

The hexadecimal color #22504a has RGB values of R:34, G:80, B:74 and CMYK values of C:0.58, M:0, Y:0.07, K:0.69. Its decimal value is 2248778.

Hex triplet	22504a	`#22504a`
RGB Decimal	34, 80, 74	`rgb(34,80,74)`
RGB Percent	13.3, 31.4, 29	`rgb(13.3%,31.4%,29%)`
CMYK	58, 0, 7, 69
HSL	172.2°, 40.4, 22.4	`hsl(172.2,40.4%,22.4%)`
HSV (or HSB)	172.2°, 57.5, 31.4
Web Safe	336633	`#336633`

CIE-LAB	30.811, -17.418, -1.26
XYZ	4.764, 6.571, 7.496
xyY	0.253, 0.349, 6.571
CIE-LCH	30.811, 17.464, 184.137
CIE-LUV	30.811, -18.58, 0.687
Hunter-Lab	25.635, -11.688, 0.608
Binary	00100010, 01010000, 01001010

#22504a
```
#22504a rgb(34,80,74)
```
#502228
```
#502228 rgb(80,34,40)
```

Complementary Color

#225033
```
#225033 rgb(34,80,51)
```
#22504a
```
#22504a rgb(34,80,74)
```
#223f50
```
#223f50 rgb(34,63,80)
```

Analogous Color

#503322
```
#503322 rgb(80,51,34)
```
#22504a
```
#22504a rgb(34,80,74)
```
#50223f
```
#50223f rgb(80,34,63)
```

Split Complementary Color

#504a22
```
#504a22 rgb(80,74,34)
```
#22504a
```
#22504a rgb(34,80,74)
```
#4a2250
```
#4a2250 rgb(74,34,80)
```

Triadic Color

#285022
```
#285022 rgb(40,80,34)
```
#22504a
```
#22504a rgb(34,80,74)
```
#4a2250
```
#4a2250 rgb(74,34,80)
```
#502228
```
#502228 rgb(80,34,40)
```

Tetradic Color

#0b1a18
```
#0b1a18 rgb(11,26,24)
```
#132c29
```
#132c29 rgb(19,44,41)
```
#1a3e39
```
#1a3e39 rgb(26,62,57)
```
#22504a
```
#22504a rgb(34,80,74)
```
#2a625b
```
#2a625b rgb(42,98,91)
```
#31746b
```
#31746b rgb(49,116,107)
```
#39867c
```
#39867c rgb(57,134,124)
```

Monochromatic Color

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

#22503f
```
#22503f rgb(34,80,63)
```
#225042
```
#225042 rgb(34,80,66)
```
#225046
```
#225046 rgb(34,80,70)
```
#22504a
```
#22504a rgb(34,80,74)
```
#22504e
```
#22504e rgb(34,80,78)
```
#224e50
```
#224e50 rgb(34,78,80)
```
#224b50
```
#224b50 rgb(34,75,80)
```

Similar Colors

Text with hexadecimal color #22504a

This text has a font color of #22504a.

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

#22504a background color

This paragraph has a background color of #22504a.

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

#22504a border color

This element has a border color of #22504a.

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

CSS codes

.text {color:#22504a;}

.background {background-color:#22504a;}

.border {border:1px solid #22504a;}

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, #050b0a is the darkest color, while #fcfefe is the lightest one.

#050b0a
```
#050b0a rgb(5,11,10)
```
#0b1917
```
#0b1917 rgb(11,25,23)
```
#102724
```
#102724 rgb(16,39,36)
```
#163431
```
#163431 rgb(22,52,49)
```
#1c423d
```
#1c423d rgb(28,66,61)
```
#22504a
```
#22504a rgb(34,80,74)
```
#285e57
```
#285e57 rgb(40,94,87)
```
#2e6c63
```
#2e6c63 rgb(46,108,99)
```
#347970
```
#347970 rgb(52,121,112)
```
#39877d
```
#39877d rgb(57,135,125)
```
#3f958a
```
#3f958a rgb(63,149,138)
```
#45a396
```
#45a396 rgb(69,163,150)
```
#4bb0a3
```
#4bb0a3 rgb(75,176,163)
```

Shade Color Variation

#57b8ab
```
#57b8ab rgb(87,184,171)
```
#65beb2
```
#65beb2 rgb(101,190,178)
```
#73c3b9
```
#73c3b9 rgb(115,195,185)
```
#81c9c0
```
#81c9c0 rgb(129,201,192)
```
#8ecfc7
```
#8ecfc7 rgb(142,207,199)
```
#9cd5ce
```
#9cd5ce rgb(156,213,206)
```
#aadbd4
```
#aadbd4 rgb(170,219,212)
```
#b8e1db
```
#b8e1db rgb(184,225,219)
```
#c5e6e2
```
#c5e6e2 rgb(197,230,226)
```
#d3ece9
```
#d3ece9 rgb(211,236,233)
```
#e1f2f0
```
#e1f2f0 rgb(225,242,240)
```
#eff8f7
```
#eff8f7 rgb(239,248,247)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #383a3a is the less saturated color, while #036f61 is the most saturated one.

#383a3a
```
#383a3a rgb(56,58,58)
```
#343e3d
```
#343e3d rgb(52,62,61)
```
#2f4340
```
#2f4340 rgb(47,67,64)
```
#2b4744
```
#2b4744 rgb(43,71,68)
```
#264c47
```
#264c47 rgb(38,76,71)
```
#22504a
```
#22504a rgb(34,80,74)
```
#1e544d
```
#1e544d rgb(30,84,77)
```
#195950
```
#195950 rgb(25,89,80)
```
#155d54
```
#155d54 rgb(21,93,84)
```
#106257
```
#106257 rgb(16,98,87)
```
#0c665a
```
#0c665a rgb(12,102,90)
```
#086a5d
```
#086a5d rgb(8,106,93)
```
#036f61
```
#036f61 rgb(3,111,97)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3c4544 Atypical Achromatopsia 0.001% of the population

Dichromacy

#53514f Protanopia 1% of men
#574f56 Deuteranopia 1% of men
#31575d Tritanopia 0.001% of the population

Trichromacy

#41514d Protanomaly 1% of men, 0.01% of women
#434f52 Deuteranomaly 6% of men, 0.4% of women
#2c5456 Tritanomaly 0.01% of the population

#22504a hex color

#22504a Color Information

#22504a Color Conversion

Color Schemes with #22504a

Alternatives to #22504a

#22504a Preview

Shades and Tints of #22504a

Tones of #22504a

Color Blindness Simulator