#22f070 hex color

In a RGB color space, hex #22f070 is composed of 13.3% red, 94.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 0% magenta, 53.3% yellow and 5.9% black. It has a hue angle of 142.7 degrees, a saturation of 87.3% and a lightness of 53.7%. #22f070 color hex could be obtained by blending #44ffe0 with #00e100. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 13
- G 94
- B 44
RGB color chart
- C 86
- M 0
- Y 53
- K 6
CMYK color chart

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

The hexadecimal color #22f070 has RGB values of R:34, G:240, B:112 and CMYK values of C:0.86, M:0, Y:0.53, K:0.06. Its decimal value is 2289776.

Hex triplet	22f070	`#22f070`
RGB Decimal	34, 240, 112	`rgb(34,240,112)`
RGB Percent	13.3, 94.1, 43.9	`rgb(13.3%,94.1%,43.9%)`
CMYK	86, 0, 53, 6
HSL	142.7°, 87.3, 53.7	`hsl(142.7,87.3%,53.7%)`
HSV (or HSB)	142.7°, 85.8, 94.1
Web Safe	33ff66	`#33ff66`

CIE-LAB	83.875, -72.997, 48.411
XYZ	34.742, 63.826, 25.817
xyY	0.279, 0.513, 63.826
CIE-LCH	83.875, 87.591, 146.448
CIE-LUV	83.875, -74.051, 74.939
Hunter-Lab	79.891, -62.186, 36.764
Binary	00100010, 11110000, 01110000

#22f070
```
#22f070 rgb(34,240,112)
```
#f022a2
```
#f022a2 rgb(240,34,162)
```

Complementary Color

#3bf022
```
#3bf022 rgb(59,240,34)
```
#22f070
```
#22f070 rgb(34,240,112)
```
#22f0d7
```
#22f0d7 rgb(34,240,215)
```

Analogous Color

#f0223b
```
#f0223b rgb(240,34,59)
```
#22f070
```
#22f070 rgb(34,240,112)
```
#d722f0
```
#d722f0 rgb(215,34,240)
```

Split Complementary Color

#f07022
```
#f07022 rgb(240,112,34)
```
#22f070
```
#22f070 rgb(34,240,112)
```
#7022f0
```
#7022f0 rgb(112,34,240)
```

Triadic Color

#a2f022
```
#a2f022 rgb(162,240,34)
```
#22f070
```
#22f070 rgb(34,240,112)
```
#7022f0
```
#7022f0 rgb(112,34,240)
```
#f022a2
```
#f022a2 rgb(240,34,162)
```

Tetradic Color

#0db94e
```
#0db94e rgb(13,185,78)
```
#0ed158
```
#0ed158 rgb(14,209,88)
```
#10e962
```
#10e962 rgb(16,233,98)
```
#22f070
```
#22f070 rgb(34,240,112)
```
#3af27f
```
#3af27f rgb(58,242,127)
```
#52f38f
```
#52f38f rgb(82,243,143)
```
#6af59e
```
#6af59e rgb(106,245,158)
```

Monochromatic Color

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

#22f03d
```
#22f03d rgb(34,240,61)
```
#22f04e
```
#22f04e rgb(34,240,78)
```
#22f05f
```
#22f05f rgb(34,240,95)
```
#22f070
```
#22f070 rgb(34,240,112)
```
#22f081
```
#22f081 rgb(34,240,129)
```
#22f092
```
#22f092 rgb(34,240,146)
```
#22f0a4
```
#22f0a4 rgb(34,240,164)
```

Similar Colors

Text with hexadecimal color #22f070

This text has a font color of #22f070.

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

#22f070 background color

This paragraph has a background color of #22f070.

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

#22f070 border color

This element has a border color of #22f070.

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

CSS codes

.text {color:#22f070;}

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

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

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

#011207
```
#011207 rgb(1,18,7)
```
#02240f
```
#02240f rgb(2,36,15)
```
#043717
```
#043717 rgb(4,55,23)
```
#05491f
```
#05491f rgb(5,73,31)
```
#065b26
```
#065b26 rgb(6,91,38)
```
#076e2e
```
#076e2e rgb(7,110,46)
```
#098036
```
#098036 rgb(9,128,54)
```
#0a923e
```
#0a923e rgb(10,146,62)
```
#0ba545
```
#0ba545 rgb(11,165,69)
```
#0cb74d
```
#0cb74d rgb(12,183,77)
```
#0ec955
```
#0ec955 rgb(14,201,85)
```
#0fdc5d
```
#0fdc5d rgb(15,220,93)
```
#10ee64
```
#10ee64 rgb(16,238,100)
```

Shade Color Variation

#22f070
```
#22f070 rgb(34,240,112)
```
#34f17c
```
#34f17c rgb(52,241,124)
```
#47f288
```
#47f288 rgb(71,242,136)
```
#59f494
```
#59f494 rgb(89,244,148)
```
#6bf5a0
```
#6bf5a0 rgb(107,245,160)
```
#7ef6ab
```
#7ef6ab rgb(126,246,171)
```
#90f7b7
```
#90f7b7 rgb(144,247,183)
```
#a3f9c3
```
#a3f9c3 rgb(163,249,195)
```
#b5facf
```
#b5facf rgb(181,250,207)
```
#c7fbdb
```
#c7fbdb rgb(199,251,219)
```
#dafce7
```
#dafce7 rgb(218,252,231)
```
#ecfef3
```
#ecfef3 rgb(236,254,243)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868c88 is the less saturated color, while #19f96e is the most saturated one.

#868c88
```
#868c88 rgb(134,140,136)
```
#7d9586
```
#7d9586 rgb(125,149,134)
```
#749e84
```
#749e84 rgb(116,158,132)
```
#6ba782
```
#6ba782 rgb(107,167,130)
```
#62b07f
```
#62b07f rgb(98,176,127)
```
#58ba7d
```
#58ba7d rgb(88,186,125)
```
#4fc37b
```
#4fc37b rgb(79,195,123)
```
#46cc79
```
#46cc79 rgb(70,204,121)
```
#3dd577
```
#3dd577 rgb(61,213,119)
```
#34de74
```
#34de74 rgb(52,222,116)
```
#2be772
```
#2be772 rgb(43,231,114)
```
#22f070
```
#22f070 rgb(34,240,112)
```
#19f96e
```
#19f96e rgb(25,249,110)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8ab39a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d36e Protanopia 1% of men
#feca85 Deuteranopia 1% of men
#72e3f3 Tritanopia 0.001% of the population

Trichromacy

#a0dd6e Protanomaly 1% of men, 0.01% of women
#aed87d Deuteranomaly 6% of men, 0.4% of women
#55e7c3 Tritanomaly 0.01% of the population

#22f070 hex color

#22f070 Color Information

#22f070 Color Conversion

Color Schemes with #22f070

Alternatives to #22f070

#22f070 Preview

Shades and Tints of #22f070

Tones of #22f070

Color Blindness Simulator