#6afa22 hex color

In a RGB color space, hex #6afa22 is composed of 41.6% red, 98% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 0% magenta, 86.4% yellow and 2% black. It has a hue angle of 100 degrees, a saturation of 95.6% and a lightness of 55.7%. #6afa22 color hex could be obtained by blending #d4ff44 with #00f500. Closest websafe color is: #66ff33.

♥
- f
- t
- g
- R 42
- G 98
- B 13
RGB color chart
- C 58
- M 0
- Y 86
- K 2
CMYK color chart

● #6afa22 color description : Vivid green.

The hexadecimal color #6afa22 has RGB values of R:106, G:250, B:34 and CMYK values of C:0.58, M:0, Y:0.86, K:0.02. Its decimal value is 7010850.

Hex triplet	6afa22	`#6afa22`
RGB Decimal	106, 250, 34	`rgb(106,250,34)`
RGB Percent	41.6, 98, 13.3	`rgb(41.6%,98%,13.3%)`
CMYK	58, 0, 86, 2
HSL	100°, 95.6, 55.7	`hsl(100,95.6%,55.7%)`
HSV (or HSB)	100°, 86.4, 98
Web Safe	66ff33	`#66ff33`

CIE-LAB	87.75, -71.21, 79.912
XYZ	40.416, 71.548, 13.194
xyY	0.323, 0.572, 71.548
CIE-LCH	87.75, 107.036, 131.704
CIE-LUV	87.75, -65.767, 102.716
Hunter-Lab	84.586, -62.735, 49.962
Binary	01101010, 11111010, 00100010

#6afa22
```
#6afa22 rgb(106,250,34)
```
#b222fa
```
#b222fa rgb(178,34,250)
```

Complementary Color

#d6fa22
```
#d6fa22 rgb(214,250,34)
```
#6afa22
```
#6afa22 rgb(106,250,34)
```
#22fa46
```
#22fa46 rgb(34,250,70)
```

Analogous Color

#fa22d6
```
#fa22d6 rgb(250,34,214)
```
#6afa22
```
#6afa22 rgb(106,250,34)
```
#4622fa
```
#4622fa rgb(70,34,250)
```

Split Complementary Color

#fa226a
```
#fa226a rgb(250,34,106)
```
#6afa22
```
#6afa22 rgb(106,250,34)
```
#226afa
```
#226afa rgb(34,106,250)
```

Triadic Color

#fab222
```
#fab222 rgb(250,178,34)
```
#6afa22
```
#6afa22 rgb(106,250,34)
```
#226afa
```
#226afa rgb(34,106,250)
```
#b222fa
```
#b222fa rgb(178,34,250)
```

Tetradic Color

#47cb05
```
#47cb05 rgb(71,203,5)
```
#4fe405
```
#4fe405 rgb(79,228,5)
```
#59f909
```
#59f909 rgb(89,249,9)
```
#6afa22
```
#6afa22 rgb(106,250,34)
```
#7bfb3b
```
#7bfb3b rgb(123,251,59)
```
#8cfb54
```
#8cfb54 rgb(140,251,84)
```
#9cfc6d
```
#9cfc6d rgb(156,252,109)
```

Monochromatic Color

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

#a0fa22
```
#a0fa22 rgb(160,250,34)
```
#8efa22
```
#8efa22 rgb(142,250,34)
```
#7cfa22
```
#7cfa22 rgb(124,250,34)
```
#6afa22
```
#6afa22 rgb(106,250,34)
```
#58fa22
```
#58fa22 rgb(88,250,34)
```
#46fa22
```
#46fa22 rgb(70,250,34)
```
#34fa22
```
#34fa22 rgb(52,250,34)
```

Similar Colors

Text with hexadecimal color #6afa22

This text has a font color of #6afa22.

<span style="color:#6afa22;">Text here</span>

#6afa22 background color

This paragraph has a background color of #6afa22.

<p style="background-color:#6afa22;">Content here</p>

#6afa22 border color

This element has a border color of #6afa22.

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

CSS codes

.text {color:#6afa22;}

.background {background-color:#6afa22;}

.border {border:1px solid #6afa22;}

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

#030900
```
#030900 rgb(3,9,0)
```
#0a1c01
```
#0a1c01 rgb(10,28,1)
```
#113001
```
#113001 rgb(17,48,1)
```
#174302
```
#174302 rgb(23,67,2)
```
#1e5602
```
#1e5602 rgb(30,86,2)
```
#256902
```
#256902 rgb(37,105,2)
```
#2b7c03
```
#2b7c03 rgb(43,124,3)
```
#328f03
```
#328f03 rgb(50,143,3)
```
#39a304
```
#39a304 rgb(57,163,4)
```
#3fb604
```
#3fb604 rgb(63,182,4)
```
#46c905
```
#46c905 rgb(70,201,5)
```
#4ddc05
```
#4ddc05 rgb(77,220,5)
```
#53ef05
```
#53ef05 rgb(83,239,5)
```

Shade Color Variation

#5dfa0f
```
#5dfa0f rgb(93,250,15)
```
#6afa22
```
#6afa22 rgb(106,250,34)
```
#77fa35
```
#77fa35 rgb(119,250,53)
```
#84fb48
```
#84fb48 rgb(132,251,72)
```
#91fb5c
```
#91fb5c rgb(145,251,92)
```
#9efc6f
```
#9efc6f rgb(158,252,111)
```
#abfc82
```
#abfc82 rgb(171,252,130)
```
#b8fd95
```
#b8fd95 rgb(184,253,149)
```
#c5fda8
```
#c5fda8 rgb(197,253,168)
```
#d1fdbb
```
#d1fdbb rgb(209,253,187)
```
#defecf
```
#defecf rgb(222,254,207)
```
#ebfee2
```
#ebfee2 rgb(235,254,226)
```
#f8fff5
```
#f8fff5 rgb(248,255,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d928a is the less saturated color, while #6afa22 is the most saturated one.

#8d928a
```
#8d928a rgb(141,146,138)
```
#8a9a82
```
#8a9a82 rgb(138,154,130)
```
#87a379
```
#87a379 rgb(135,163,121)
```
#84ac70
```
#84ac70 rgb(132,172,112)
```
#81b468
```
#81b468 rgb(129,180,104)
```
#7ebd5f
```
#7ebd5f rgb(126,189,95)
```
#7bc656
```
#7bc656 rgb(123,198,86)
```
#78cf4d
```
#78cf4d rgb(120,207,77)
```
#76d745
```
#76d745 rgb(118,215,69)
```
#73e03c
```
#73e03c rgb(115,224,60)
```
#70e933
```
#70e933 rgb(112,233,51)
```
#6df12b
```
#6df12b rgb(109,241,43)
```
#6afa22
```
#6afa22 rgb(106,250,34)
```

Tone Color Variation

Below, you can see how #6afa22 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

#b6b6b6 Achromatopsia 0.005% of the population
#a7c498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8de24 Protanopia 1% of men
#ffd7a0 Deuteranopia 1% of men
#9ce9fa Tritanopia 0.001% of the population

Trichromacy

#c4e823 Protanomaly 1% of men, 0.01% of women
#c8e472 Deuteranomaly 6% of men, 0.4% of women
#8aefab Tritanomaly 0.01% of the population

#6afa22 hex color

#6afa22 Color Information

#6afa22 Color Conversion

Color Schemes with #6afa22

Alternatives to #6afa22

#6afa22 Preview

Shades and Tints of #6afa22

Tones of #6afa22

Color Blindness Simulator