#22e1af hex color

In a RGB color space, hex #22e1af is composed of 13.3% red, 88.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 0% magenta, 22.2% yellow and 11.8% black. It has a hue angle of 164.3 degrees, a saturation of 76.1% and a lightness of 50.8%. #22e1af color hex could be obtained by blending #44ffff with #00c35f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 88
- B 69
RGB color chart
- C 85
- M 0
- Y 22
- K 12
CMYK color chart

● #22e1af color description : Bright cyan - lime green.

The hexadecimal color #22e1af has RGB values of R:34, G:225, B:175 and CMYK values of C:0.85, M:0, Y:0.22, K:0.12. Its decimal value is 2285999.

Hex triplet	22e1af	`#22e1af`
RGB Decimal	34, 225, 175	`rgb(34,225,175)`
RGB Percent	13.3, 88.2, 68.6	`rgb(13.3%,88.2%,68.6%)`
CMYK	85, 0, 22, 12
HSL	164.3°, 76.1, 50.8	`hsl(164.3,76.1%,50.8%)`
HSV (or HSB)	164.3°, 84.9, 88.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.338, -55.78, 12.057
XYZ	35.32, 57.282, 49.75
xyY	0.248, 0.402, 57.282
CIE-LCH	80.338, 57.068, 167.803
CIE-LUV	80.338, -65.263, 26.704
Hunter-Lab	75.685, -49.148, 14.006
Binary	00100010, 11100001, 10101111

#22e1af
```
#22e1af rgb(34,225,175)
```
#e12254
```
#e12254 rgb(225,34,84)
```

Complementary Color

#22e150
```
#22e150 rgb(34,225,80)
```
#22e1af
```
#22e1af rgb(34,225,175)
```
#22b4e1
```
#22b4e1 rgb(34,180,225)
```

Analogous Color

#e15022
```
#e15022 rgb(225,80,34)
```
#22e1af
```
#22e1af rgb(34,225,175)
```
#e122b4
```
#e122b4 rgb(225,34,180)
```

Split Complementary Color

#e1af22
```
#e1af22 rgb(225,175,34)
```
#22e1af
```
#22e1af rgb(34,225,175)
```
#af22e1
```
#af22e1 rgb(175,34,225)
```

Triadic Color

#54e122
```
#54e122 rgb(84,225,34)
```
#22e1af
```
#22e1af rgb(34,225,175)
```
#af22e1
```
#af22e1 rgb(175,34,225)
```
#e12254
```
#e12254 rgb(225,34,84)
```

Tetradic Color

#16a17c
```
#16a17c rgb(22,161,124)
```
#19b78e
```
#19b78e rgb(25,183,142)
```
#1cce9f
```
#1cce9f rgb(28,206,159)
```
#22e1af
```
#22e1af rgb(34,225,175)
```
#38e4b7
```
#38e4b7 rgb(56,228,183)
```
#4fe7bf
```
#4fe7bf rgb(79,231,191)
```
#65eac7
```
#65eac7 rgb(101,234,199)
```

Monochromatic Color

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

#22e17f
```
#22e17f rgb(34,225,127)
```
#22e18f
```
#22e18f rgb(34,225,143)
```
#22e19f
```
#22e19f rgb(34,225,159)
```
#22e1af
```
#22e1af rgb(34,225,175)
```
#22e1bf
```
#22e1bf rgb(34,225,191)
```
#22e1cf
```
#22e1cf rgb(34,225,207)
```
#22e1df
```
#22e1df rgb(34,225,223)
```

Similar Colors

Text with hexadecimal color #22e1af

This text has a font color of #22e1af.

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

#22e1af background color

This paragraph has a background color of #22e1af.

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

#22e1af border color

This element has a border color of #22e1af.

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

CSS codes

.text {color:#22e1af;}

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

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

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

#000403
```
#000403 rgb(0,4,3)
```
#031510
```
#031510 rgb(3,21,16)
```
#05261d
```
#05261d rgb(5,38,29)
```
#08372b
```
#08372b rgb(8,55,43)
```
#0a4938
```
#0a4938 rgb(10,73,56)
```
#0c5a46
```
#0c5a46 rgb(12,90,70)
```
#0f6b53
```
#0f6b53 rgb(15,107,83)
```
#117c60
```
#117c60 rgb(17,124,96)
```
#138e6e
```
#138e6e rgb(19,142,110)
```
#169f7b
```
#169f7b rgb(22,159,123)
```
#18b088
```
#18b088 rgb(24,176,136)
```
#1ac296
```
#1ac296 rgb(26,194,150)
```
#1dd3a3
```
#1dd3a3 rgb(29,211,163)
```

Shade Color Variation

#22e1af
```
#22e1af rgb(34,225,175)
```
#33e3b5
```
#33e3b5 rgb(51,227,181)
```
#45e6bc
```
#45e6bc rgb(69,230,188)
```
#56e8c2
```
#56e8c2 rgb(86,232,194)
```
#67eac8
```
#67eac8 rgb(103,234,200)
```
#78edce
```
#78edce rgb(120,237,206)
```
#8aefd5
```
#8aefd5 rgb(138,239,213)
```
#9bf1db
```
#9bf1db rgb(155,241,219)
```
#acf4e1
```
#acf4e1 rgb(172,244,225)
```
#bdf6e7
```
#bdf6e7 rgb(189,246,231)
```
#cff8ee
```
#cff8ee rgb(207,248,238)
```
#e0fbf4
```
#e0fbf4 rgb(224,251,244)
```
#f1fdfa
```
#f1fdfa rgb(241,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #798a86 is the less saturated color, while #05febd is the most saturated one.

#798a86
```
#798a86 rgb(121,138,134)
```
#6f948a
```
#6f948a rgb(111,148,138)
```
#669d8f
```
#669d8f rgb(102,157,143)
```
#5ca793
```
#5ca793 rgb(92,167,147)
```
#52b198
```
#52b198 rgb(82,177,152)
```
#49ba9d
```
#49ba9d rgb(73,186,157)
```
#3fc4a1
```
#3fc4a1 rgb(63,196,161)
```
#35cea6
```
#35cea6 rgb(53,206,166)
```
#2cd7aa
```
#2cd7aa rgb(44,215,170)
```
#22e1af
```
#22e1af rgb(34,225,175)
```
#18ebb4
```
#18ebb4 rgb(24,235,180)
```
#0ff4b8
```
#0ff4b8 rgb(15,244,184)
```
#05febd
```
#05febd rgb(5,254,189)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#88afa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c9a7 Protanopia 1% of men
#e1c3bd Deuteranopia 1% of men
#5bdaea Tritanopia 0.001% of the population

Trichromacy

#94d2aa Protanomaly 1% of men, 0.01% of women
#9bceb8 Deuteranomaly 6% of men, 0.4% of women
#46ddd5 Tritanomaly 0.01% of the population

#22e1af hex color

#22e1af Color Information

#22e1af Color Conversion

Color Schemes with #22e1af

Alternatives to #22e1af

#22e1af Preview

Shades and Tints of #22e1af

Tones of #22e1af

Color Blindness Simulator