#22ffaf hex color

In a RGB color space, hex #22ffaf is composed of 13.3% red, 100% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 0% magenta, 31.4% yellow and 0% black. It has a hue angle of 158.3 degrees, a saturation of 100% and a lightness of 56.7%. #22ffaf color hex could be obtained by blending #44ffff with #00ff5f. Closest websafe color is: #33ff99.

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

● #22ffaf color description : Vivid cyan - lime green.

The hexadecimal color #22ffaf has RGB values of R:34, G:255, B:175 and CMYK values of C:0.87, M:0, Y:0.31, K:0. Its decimal value is 2293679.

Hex triplet	22ffaf	`#22ffaf`
RGB Decimal	34, 255, 175	`rgb(34,255,175)`
RGB Percent	13.3, 100, 68.6	`rgb(13.3%,100%,68.6%)`
CMYK	87, 0, 31, 0
HSL	158.3°, 100, 56.7	`hsl(158.3,100%,56.7%)`
HSV (or HSB)	158.3°, 86.7, 100
Web Safe	33ff99	`#33ff99`

CIE-LAB	89.37, -66.94, 24.648
XYZ	44.154, 74.95, 52.695
xyY	0.257, 0.436, 74.95
CIE-LCH	89.37, 71.334, 159.786
CIE-LUV	89.37, -75.163, 46.69
Hunter-Lab	86.574, -60.467, 24.514
Binary	00100010, 11111111, 10101111

#22ffaf
```
#22ffaf rgb(34,255,175)
```
#ff2272
```
#ff2272 rgb(255,34,114)
```

Complementary Color

#22ff40
```
#22ff40 rgb(34,255,64)
```
#22ffaf
```
#22ffaf rgb(34,255,175)
```
#22e1ff
```
#22e1ff rgb(34,225,255)
```

Analogous Color

#ff4122
```
#ff4122 rgb(255,65,34)
```
#22ffaf
```
#22ffaf rgb(34,255,175)
```
#ff22e1
```
#ff22e1 rgb(255,34,225)
```

Split Complementary Color

#ffaf22
```
#ffaf22 rgb(255,175,34)
```
#22ffaf
```
#22ffaf rgb(34,255,175)
```
#af22ff
```
#af22ff rgb(175,34,255)
```

Triadic Color

#72ff22
```
#72ff22 rgb(114,255,34)
```
#22ffaf
```
#22ffaf rgb(34,255,175)
```
#af22ff
```
#af22ff rgb(175,34,255)
```
#ff2272
```
#ff2272 rgb(255,34,114)
```

Tetradic Color

#00d588
```
#00d588 rgb(0,213,136)
```
#00ee98
```
#00ee98 rgb(0,238,152)
```
#08ffa6
```
#08ffa6 rgb(8,255,166)
```
#22ffaf
```
#22ffaf rgb(34,255,175)
```
#3cffb8
```
#3cffb8 rgb(60,255,184)
```
#55ffc1
```
#55ffc1 rgb(85,255,193)
```
#6fffcb
```
#6fffcb rgb(111,255,203)
```

Monochromatic Color

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

#22ff78
```
#22ff78 rgb(34,255,120)
```
#22ff8a
```
#22ff8a rgb(34,255,138)
```
#22ff9d
```
#22ff9d rgb(34,255,157)
```
#22ffaf
```
#22ffaf rgb(34,255,175)
```
#22ffc1
```
#22ffc1 rgb(34,255,193)
```
#22ffd4
```
#22ffd4 rgb(34,255,212)
```
#22ffe6
```
#22ffe6 rgb(34,255,230)
```

Similar Colors

Text with hexadecimal color #22ffaf

This text has a font color of #22ffaf.

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

#22ffaf background color

This paragraph has a background color of #22ffaf.

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

#22ffaf border color

This element has a border color of #22ffaf.

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

CSS codes

.text {color:#22ffaf;}

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

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

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, #000e09 is the darkest color, while #fafffd is the lightest one.

#000e09
```
#000e09 rgb(0,14,9)
```
#002216
```
#002216 rgb(0,34,22)
```
#003622
```
#003622 rgb(0,54,34)
```
#00492f
```
#00492f rgb(0,73,47)
```
#005d3b
```
#005d3b rgb(0,93,59)
```
#007048
```
#007048 rgb(0,112,72)
```
#008454
```
#008454 rgb(0,132,84)
```
#009861
```
#009861 rgb(0,152,97)
```
#00ab6d
```
#00ab6d rgb(0,171,109)
```
#00bf7a
```
#00bf7a rgb(0,191,122)
```
#00d386
```
#00d386 rgb(0,211,134)
```
#00e693
```
#00e693 rgb(0,230,147)
```
#00fa9f
```
#00fa9f rgb(0,250,159)
```

Shade Color Variation

#0effa8
```
#0effa8 rgb(14,255,168)
```
#22ffaf
```
#22ffaf rgb(34,255,175)
```
#36ffb6
```
#36ffb6 rgb(54,255,182)
```
#49ffbd
```
#49ffbd rgb(73,255,189)
```
#5dffc4
```
#5dffc4 rgb(93,255,196)
```
#70ffcb
```
#70ffcb rgb(112,255,203)
```
#84ffd3
```
#84ffd3 rgb(132,255,211)
```
#98ffda
```
#98ffda rgb(152,255,218)
```
#abffe1
```
#abffe1 rgb(171,255,225)
```
#bfffe8
```
#bfffe8 rgb(191,255,232)
```
#d3ffef
```
#d3ffef rgb(211,255,239)
```
#e6fff6
```
#e6fff6 rgb(230,255,246)
```
#fafffd
```
#fafffd rgb(250,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #889993 is the less saturated color, while #22ffaf is the most saturated one.

#889993
```
#889993 rgb(136,153,147)
```
#80a295
```
#80a295 rgb(128,162,149)
```
#77aa98
```
#77aa98 rgb(119,170,152)
```
#6fb39a
```
#6fb39a rgb(111,179,154)
```
#66bb9c
```
#66bb9c rgb(102,187,156)
```
#5ec49f
```
#5ec49f rgb(94,196,159)
```
#55cca1
```
#55cca1 rgb(85,204,161)
```
#4dd5a3
```
#4dd5a3 rgb(77,213,163)
```
#44dda6
```
#44dda6 rgb(68,221,166)
```
#3ce6a8
```
#3ce6a8 rgb(60,230,168)
```
#33eeaa
```
#33eeaa rgb(51,238,170)
```
#2bf7ad
```
#2bf7ad rgb(43,247,173)
```
#22ffaf
```
#22ffaf rgb(34,255,175)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#97c3b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e1a6 Protanopia 1% of men
#ffdbc5 Deuteranopia 1% of men
#91f0ff Tritanopia 0.001% of the population

Trichromacy

#a6eca9 Protanomaly 1% of men, 0.01% of women
#aee8bd Deuteranomaly 6% of men, 0.4% of women
#69f5e1 Tritanomaly 0.01% of the population

#22ffaf hex color

#22ffaf Color Information

#22ffaf Color Conversion

Color Schemes with #22ffaf

Alternatives to #22ffaf

#22ffaf Preview

Shades and Tints of #22ffaf

Tones of #22ffaf

Color Blindness Simulator