#7af214 hex color

In a RGB color space, hex #7af214 is composed of 47.8% red, 94.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 0% magenta, 91.7% yellow and 5.1% black. It has a hue angle of 92.4 degrees, a saturation of 89.5% and a lightness of 51.4%. #7af214 color hex could be obtained by blending #f4ff28 with #00e500. Closest websafe color is: #66ff00.

♥
- f
- t
- g
- R 48
- G 95
- B 8
RGB color chart
- C 50
- M 0
- Y 92
- K 5
CMYK color chart

● #7af214 color description : Vivid green.

The hexadecimal color #7af214 has RGB values of R:122, G:242, B:20 and CMYK values of C:0.5, M:0, Y:0.92, K:0.05. Its decimal value is 8057364.

Hex triplet	7af214	`#7af214`
RGB Decimal	122, 242, 20	`rgb(122,242,20)`
RGB Percent	47.8, 94.9, 7.8	`rgb(47.8%,94.9%,7.8%)`
CMYK	50, 0, 92, 5
HSL	92.4°, 89.5, 51.4	`hsl(92.4,89.5%,51.4%)`
HSV (or HSB)	92.4°, 91.7, 94.9
Web Safe	66ff00	`#66ff00`

CIE-LAB	85.851, -64.622, 80.727
XYZ	39.903, 67.69, 11.625
xyY	0.335, 0.568, 67.69
CIE-LCH	85.851, 103.406, 128.677
CIE-LUV	85.851, -57.391, 101.011
Hunter-Lab	82.274, -57.406, 49.214
Binary	01111010, 11110010, 00010100

#7af214
```
#7af214 rgb(122,242,20)
```
#8c14f2
```
#8c14f2 rgb(140,20,242)
```

Complementary Color

#e9f214
```
#e9f214 rgb(233,242,20)
```
#7af214
```
#7af214 rgb(122,242,20)
```
#14f21d
```
#14f21d rgb(20,242,29)
```

Analogous Color

#f214e9
```
#f214e9 rgb(242,20,233)
```
#7af214
```
#7af214 rgb(122,242,20)
```
#1d14f2
```
#1d14f2 rgb(29,20,242)
```

Split Complementary Color

#f2147a
```
#f2147a rgb(242,20,122)
```
#7af214
```
#7af214 rgb(122,242,20)
```
#147af2
```
#147af2 rgb(20,122,242)
```

Triadic Color

#f28c14
```
#f28c14 rgb(242,140,20)
```
#7af214
```
#7af214 rgb(122,242,20)
```
#147af2
```
#147af2 rgb(20,122,242)
```
#8c14f2
```
#8c14f2 rgb(140,20,242)
```

Tetradic Color

#56b00a
```
#56b00a rgb(86,176,10)
```
#62c80b
```
#62c80b rgb(98,200,11)
```
#6ee00c
```
#6ee00c rgb(110,224,12)
```
#7af214
```
#7af214 rgb(122,242,20)
```
#88f32c
```
#88f32c rgb(136,243,44)
```
#95f544
```
#95f544 rgb(149,245,68)
```
#a3f65c
```
#a3f65c rgb(163,246,92)
```

Monochromatic Color

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

#b2f214
```
#b2f214 rgb(178,242,20)
```
#9ff214
```
#9ff214 rgb(159,242,20)
```
#8df214
```
#8df214 rgb(141,242,20)
```
#7af214
```
#7af214 rgb(122,242,20)
```
#68f214
```
#68f214 rgb(104,242,20)
```
#55f214
```
#55f214 rgb(85,242,20)
```
#43f214
```
#43f214 rgb(67,242,20)
```

Similar Colors

Text with hexadecimal color #7af214

This text has a font color of #7af214.

<span style="color:#7af214;">Text here</span>

#7af214 background color

This paragraph has a background color of #7af214.

<p style="background-color:#7af214;">Content here</p>

#7af214 border color

This element has a border color of #7af214.

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

CSS codes

.text {color:#7af214;}

.background {background-color:#7af214;}

.border {border:1px solid #7af214;}

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

#030700
```
#030700 rgb(3,7,0)
```
#0c1901
```
#0c1901 rgb(12,25,1)
```
#152c02
```
#152c02 rgb(21,44,2)
```
#1f3e03
```
#1f3e03 rgb(31,62,3)
```
#285104
```
#285104 rgb(40,81,4)
```
#316406
```
#316406 rgb(49,100,6)
```
#3a7607
```
#3a7607 rgb(58,118,7)
```
#438908
```
#438908 rgb(67,137,8)
```
#4c9b09
```
#4c9b09 rgb(76,155,9)
```
#55ae0a
```
#55ae0a rgb(85,174,10)
```
#5ec10b
```
#5ec10b rgb(94,193,11)
```
#67d30c
```
#67d30c rgb(103,211,12)
```
#70e60d
```
#70e60d rgb(112,230,13)
```

Shade Color Variation

#7af214
```
#7af214 rgb(122,242,20)
```
#85f327
```
#85f327 rgb(133,243,39)
```
#8ff439
```
#8ff439 rgb(143,244,57)
```
#9af54c
```
#9af54c rgb(154,245,76)
```
#a4f65e
```
#a4f65e rgb(164,246,94)
```
#aff771
```
#aff771 rgb(175,247,113)
```
#b9f884
```
#b9f884 rgb(185,248,132)
```
#c4f996
```
#c4f996 rgb(196,249,150)
```
#cefaa9
```
#cefaa9 rgb(206,250,169)
```
#d9fbbb
```
#d9fbbb rgb(217,251,187)
```
#e3fcce
```
#e3fcce rgb(227,252,206)
```
#eefde0
```
#eefde0 rgb(238,253,224)
```
#f8fef3
```
#f8fef3 rgb(248,254,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83897d is the less saturated color, while #79fc0a is the most saturated one.

#83897d
```
#83897d rgb(131,137,125)
```
#829373
```
#829373 rgb(130,147,115)
```
#819c6a
```
#819c6a rgb(129,156,106)
```
#80a660
```
#80a660 rgb(128,166,96)
```
#7faf57
```
#7faf57 rgb(127,175,87)
```
#7fb94d
```
#7fb94d rgb(127,185,77)
```
#7ec244
```
#7ec244 rgb(126,194,68)
```
#7dcc3a
```
#7dcc3a rgb(125,204,58)
```
#7cd531
```
#7cd531 rgb(124,213,49)
```
#7cdf27
```
#7cdf27 rgb(124,223,39)
```
#7be81e
```
#7be81e rgb(123,232,30)
```
#7af214
```
#7af214 rgb(122,242,20)
```
#79fc0a
```
#79fc0a rgb(121,252,10)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a9c195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d914 Protanopia 1% of men
#ffd18b Deuteranopia 1% of men
#a4e2f2 Tritanopia 0.001% of the population

Trichromacy

#c7e214 Protanomaly 1% of men, 0.01% of women
#cedd5f Deuteranomaly 6% of men, 0.4% of women
#95e8a1 Tritanomaly 0.01% of the population

#7af214 hex color

#7af214 Color Information

#7af214 Color Conversion

Color Schemes with #7af214

Alternatives to #7af214

#7af214 Preview

Shades and Tints of #7af214

Tones of #7af214

Color Blindness Simulator