#22a07c hex color

In a RGB color space, hex #22a07c is composed of 13.3% red, 62.7% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 0% magenta, 22.5% yellow and 37.3% black. It has a hue angle of 162.9 degrees, a saturation of 64.9% and a lightness of 38%. #22a07c color hex could be obtained by blending #44fff8 with #004100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 13
- G 63
- B 49
RGB color chart
- C 79
- M 0
- Y 23
- K 37
CMYK color chart

● #22a07c color description : Dark cyan - lime green.

The hexadecimal color #22a07c has RGB values of R:34, G:160, B:124 and CMYK values of C:0.79, M:0, Y:0.23, K:0.37. Its decimal value is 2269308.

Hex triplet	22a07c	`#22a07c`
RGB Decimal	34, 160, 124	`rgb(34,160,124)`
RGB Percent	13.3, 62.7, 48.6	`rgb(13.3%,62.7%,48.6%)`
CMYK	79, 0, 23, 37
HSL	162.9°, 64.9, 38	`hsl(162.9,64.9%,38%)`
HSV (or HSB)	162.9°, 78.8, 62.7
Web Safe	339966	`#339966`

CIE-LAB	58.914, -41.929, 9.403
XYZ	16.867, 26.935, 23.378
xyY	0.251, 0.401, 26.935
CIE-LCH	58.914, 42.971, 167.36
CIE-LUV	58.914, -46.288, 19.42
Hunter-Lab	51.899, -32.811, 9.623
Binary	00100010, 10100000, 01111100

#22a07c
```
#22a07c rgb(34,160,124)
```
#a02246
```
#a02246 rgb(160,34,70)
```

Complementary Color

#22a03d
```
#22a03d rgb(34,160,61)
```
#22a07c
```
#22a07c rgb(34,160,124)
```
#2285a0
```
#2285a0 rgb(34,133,160)
```

Analogous Color

#a03d22
```
#a03d22 rgb(160,61,34)
```
#22a07c
```
#22a07c rgb(34,160,124)
```
#a02285
```
#a02285 rgb(160,34,133)
```

Split Complementary Color

#a07c22
```
#a07c22 rgb(160,124,34)
```
#22a07c
```
#22a07c rgb(34,160,124)
```
#7c22a0
```
#7c22a0 rgb(124,34,160)
```

Triadic Color

#46a022
```
#46a022 rgb(70,160,34)
```
#22a07c
```
#22a07c rgb(34,160,124)
```
#7c22a0
```
#7c22a0 rgb(124,34,160)
```
#a02246
```
#a02246 rgb(160,34,70)
```

Tetradic Color

#15614b
```
#15614b rgb(21,97,75)
```
#19765b
```
#19765b rgb(25,118,91)
```
#1e8b6c
```
#1e8b6c rgb(30,139,108)
```
#22a07c
```
#22a07c rgb(34,160,124)
```
#26b58c
```
#26b58c rgb(38,181,140)
```
#2bca9d
```
#2bca9d rgb(43,202,157)
```
#39d5a9
```
#39d5a9 rgb(57,213,169)
```

Monochromatic Color

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

#22a05d
```
#22a05d rgb(34,160,93)
```
#22a067
```
#22a067 rgb(34,160,103)
```
#22a072
```
#22a072 rgb(34,160,114)
```
#22a07c
```
#22a07c rgb(34,160,124)
```
#22a087
```
#22a087 rgb(34,160,135)
```
#22a091
```
#22a091 rgb(34,160,145)
```
#22a09c
```
#22a09c rgb(34,160,156)
```

Similar Colors

Text with hexadecimal color #22a07c

This text has a font color of #22a07c.

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

#22a07c background color

This paragraph has a background color of #22a07c.

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

#22a07c border color

This element has a border color of #22a07c.

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

CSS codes

.text {color:#22a07c;}

.background {background-color:#22a07c;}

.border {border:1px solid #22a07c;}

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, #030e0b is the darkest color, while #fdfffe is the lightest one.

#030e0b
```
#030e0b rgb(3,14,11)
```
#061f18
```
#061f18 rgb(6,31,24)
```
#0a2f24
```
#0a2f24 rgb(10,47,36)
```
#0d3f31
```
#0d3f31 rgb(13,63,49)
```
#114f3d
```
#114f3d rgb(17,79,61)
```
#145f4a
```
#145f4a rgb(20,95,74)
```
#186f56
```
#186f56 rgb(24,111,86)
```
#1b8063
```
#1b8063 rgb(27,128,99)
```
#1f906f
```
#1f906f rgb(31,144,111)
```
#22a07c
```
#22a07c rgb(34,160,124)
```
#25b089
```
#25b089 rgb(37,176,137)
```
#29c095
```
#29c095 rgb(41,192,149)
```
#2cd1a2
```
#2cd1a2 rgb(44,209,162)
```

Shade Color Variation

#3bd5a9
```
#3bd5a9 rgb(59,213,169)
```
#4bd9b0
```
#4bd9b0 rgb(75,217,176)
```
#5bdcb7
```
#5bdcb7 rgb(91,220,183)
```
#6ce0bf
```
#6ce0bf rgb(108,224,191)
```
#7ce3c6
```
#7ce3c6 rgb(124,227,198)
```
#8ce7cd
```
#8ce7cd rgb(140,231,205)
```
#9cead4
```
#9cead4 rgb(156,234,212)
```
#aceddb
```
#aceddb rgb(172,237,219)
```
#bdf1e2
```
#bdf1e2 rgb(189,241,226)
```
#cdf4e9
```
#cdf4e9 rgb(205,244,233)
```
#ddf8f0
```
#ddf8f0 rgb(221,248,240)
```
#edfbf7
```
#edfbf7 rgb(237,251,247)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6462 is the less saturated color, while #04be89 is the most saturated one.

#5e6462
```
#5e6462 rgb(94,100,98)
```
#566c66
```
#566c66 rgb(86,108,102)
```
#4f7369
```
#4f7369 rgb(79,115,105)
```
#477b6c
```
#477b6c rgb(71,123,108)
```
#40826f
```
#40826f rgb(64,130,111)
```
#388a72
```
#388a72 rgb(56,138,114)
```
#319176
```
#319176 rgb(49,145,118)
```
#299979
```
#299979 rgb(41,153,121)
```
#22a07c
```
#22a07c rgb(34,160,124)
```
#1ba77f
```
#1ba77f rgb(27,167,127)
```
#13af82
```
#13af82 rgb(19,175,130)
```
#0cb686
```
#0cb686 rgb(12,182,134)
```
#04be89
```
#04be89 rgb(4,190,137)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#657e77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b937a Protanopia 1% of men
#a48e8a Deuteranopia 1% of men
#479fab Tritanopia 0.001% of the population

Trichromacy

#6f977b Protanomaly 1% of men, 0.01% of women
#759585 Deuteranomaly 6% of men, 0.4% of women
#3a9f99 Tritanomaly 0.01% of the population

#22a07c hex color

#22a07c Color Information

#22a07c Color Conversion

Color Schemes with #22a07c

Alternatives to #22a07c

#22a07c Preview

Shades and Tints of #22a07c

Tones of #22a07c

Color Blindness Simulator