#22a494 hex color

In a RGB color space, hex #22a494 is composed of 13.3% red, 64.3% green and 58% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 0% magenta, 9.8% yellow and 35.7% black. It has a hue angle of 172.6 degrees, a saturation of 65.7% and a lightness of 38.8%. #22a494 color hex could be obtained by blending #44ffff with #004929. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 64
- B 58
RGB color chart
- C 79
- M 0
- Y 10
- K 36
CMYK color chart

● #22a494 color description : Dark cyan.

The hexadecimal color #22a494 has RGB values of R:34, G:164, B:148 and CMYK values of C:0.79, M:0, Y:0.1, K:0.36. Its decimal value is 2270356.

Hex triplet	22a494	`#22a494`
RGB Decimal	34, 164, 148	`rgb(34,164,148)`
RGB Percent	13.3, 64.3, 58	`rgb(13.3%,64.3%,58%)`
CMYK	79, 0, 10, 36
HSL	172.6°, 65.7, 38.8	`hsl(172.6,65.7%,38.8%)`
HSV (or HSB)	172.6°, 79.3, 64.3
Web Safe	339999	`#339999`

CIE-LAB	60.806, -37.283, -1.377
XYZ	19.279, 29.027, 32.602
xyY	0.238, 0.359, 29.027
CIE-LCH	60.806, 37.308, 182.116
CIE-LUV	60.806, -46.056, 3.566
Hunter-Lab	53.877, -30.412, 1.836
Binary	00100010, 10100100, 10010100

#22a494
```
#22a494 rgb(34,164,148)
```
#a42232
```
#a42232 rgb(164,34,50)
```

Complementary Color

#22a453
```
#22a453 rgb(34,164,83)
```
#22a494
```
#22a494 rgb(34,164,148)
```
#2273a4
```
#2273a4 rgb(34,115,164)
```

Analogous Color

#a45322
```
#a45322 rgb(164,83,34)
```
#22a494
```
#22a494 rgb(34,164,148)
```
#a42273
```
#a42273 rgb(164,34,115)
```

Split Complementary Color

#a49422
```
#a49422 rgb(164,148,34)
```
#22a494
```
#22a494 rgb(34,164,148)
```
#9422a4
```
#9422a4 rgb(148,34,164)
```

Triadic Color

#32a422
```
#32a422 rgb(50,164,34)
```
#22a494
```
#22a494 rgb(34,164,148)
```
#9422a4
```
#9422a4 rgb(148,34,164)
```
#a42232
```
#a42232 rgb(164,34,50)
```

Tetradic Color

#15655b
```
#15655b rgb(21,101,91)
```
#197a6e
```
#197a6e rgb(25,122,110)
```
#1e8f81
```
#1e8f81 rgb(30,143,129)
```
#22a494
```
#22a494 rgb(34,164,148)
```
#26b9a7
```
#26b9a7 rgb(38,185,167)
```
#2bceba
```
#2bceba rgb(43,206,186)
```
#3cd7c4
```
#3cd7c4 rgb(60,215,196)
```

Monochromatic Color

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

#22a474
```
#22a474 rgb(34,164,116)
```
#22a47e
```
#22a47e rgb(34,164,126)
```
#22a489
```
#22a489 rgb(34,164,137)
```
#22a494
```
#22a494 rgb(34,164,148)
```
#22a49f
```
#22a49f rgb(34,164,159)
```
#229ea4
```
#229ea4 rgb(34,158,164)
```
#2294a4
```
#2294a4 rgb(34,148,164)
```

Similar Colors

Text with hexadecimal color #22a494

This text has a font color of #22a494.

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

#22a494 background color

This paragraph has a background color of #22a494.

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

#22a494 border color

This element has a border color of #22a494.

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

CSS codes

.text {color:#22a494;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#041210
```
#041210 rgb(4,18,16)
```
#07221f
```
#07221f rgb(7,34,31)
```
#0a322d
```
#0a322d rgb(10,50,45)
```
#0e433c
```
#0e433c rgb(14,67,60)
```
#11534b
```
#11534b rgb(17,83,75)
```
#156359
```
#156359 rgb(21,99,89)
```
#187368
```
#187368 rgb(24,115,104)
```
#1b8477
```
#1b8477 rgb(27,132,119)
```
#1f9485
```
#1f9485 rgb(31,148,133)
```
#22a494
```
#22a494 rgb(34,164,148)
```
#25b4a3
```
#25b4a3 rgb(37,180,163)
```
#29c4b1
```
#29c4b1 rgb(41,196,177)
```

Shade Color Variation

#2dd4bf
```
#2dd4bf rgb(45,212,191)
```
#3ed7c4
```
#3ed7c4 rgb(62,215,196)
```
#4edac9
```
#4edac9 rgb(78,218,201)
```
#5edece
```
#5edece rgb(94,222,206)
```
#6ee1d3
```
#6ee1d3 rgb(110,225,211)
```
#7fe4d8
```
#7fe4d8 rgb(127,228,216)
```
#8fe8dd
```
#8fe8dd rgb(143,232,221)
```
#9febe2
```
#9febe2 rgb(159,235,226)
```
#afeee7
```
#afeee7 rgb(175,238,231)
```
#c0f2ec
```
#c0f2ec rgb(192,242,236)
```
#d0f5f1
```
#d0f5f1 rgb(208,245,241)
```
#e0f9f6
```
#e0f9f6 rgb(224,249,246)
```
#f0fcfb
```
#f0fcfb rgb(240,252,251)
```

Tint Color Variation

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

#5f6766
```
#5f6766 rgb(95,103,102)
```
#576f6c
```
#576f6c rgb(87,111,108)
```
#507672
```
#507672 rgb(80,118,114)
```
#487e77
```
#487e77 rgb(72,126,119)
```
#40867d
```
#40867d rgb(64,134,125)
```
#398d83
```
#398d83 rgb(57,141,131)
```
#319589
```
#319589 rgb(49,149,137)
```
#2a9c8e
```
#2a9c8e rgb(42,156,142)
```
#22a494
```
#22a494 rgb(34,164,148)
```
#1aac9a
```
#1aac9a rgb(26,172,154)
```
#13b39f
```
#13b39f rgb(19,179,159)
```
#0bbba5
```
#0bbba5 rgb(11,187,165)
```
#04c2ab
```
#04c2ab rgb(4,194,171)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#698380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9790 Protanopia 1% of men
#a294a0 Deuteranopia 1% of men
#40a5b1 Tritanopia 0.001% of the population

Trichromacy

#709c91 Protanomaly 1% of men, 0.01% of women
#73999c Deuteranomaly 6% of men, 0.4% of women
#35a4a6 Tritanomaly 0.01% of the population

#22a494 hex color

#22a494 Color Information

#22a494 Color Conversion

Color Schemes with #22a494

Alternatives to #22a494

#22a494 Preview

Shades and Tints of #22a494

Tones of #22a494

Color Blindness Simulator