#7af504 hex color

In a RGB color space, hex #7af504 is composed of 47.8% red, 96.1% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 0% magenta, 98.4% yellow and 3.9% black. It has a hue angle of 90.6 degrees, a saturation of 96.8% and a lightness of 48.8%. #7af504 color hex could be obtained by blending #f4ff08 with #00eb00. Closest websafe color is: #66ff00.

♥
- f
- t
- g
- R 48
- G 96
- B 2
RGB color chart
- C 50
- M 0
- Y 98
- K 4
CMYK color chart

● #7af504 color description : Vivid green.

The hexadecimal color #7af504 has RGB values of R:122, G:245, B:4 and CMYK values of C:0.5, M:0, Y:0.98, K:0.04. Its decimal value is 8058116.

Hex triplet	7af504	`#7af504`
RGB Decimal	122, 245, 4	`rgb(122,245,4)`
RGB Percent	47.8, 96.1, 1.6	`rgb(47.8%,96.1%,1.6%)`
CMYK	50, 0, 98, 4
HSL	90.6°, 96.8, 48.8	`hsl(90.6,96.8%,48.8%)`
HSV (or HSB)	90.6°, 98.4, 96.1
Web Safe	66ff00	`#66ff00`

CIE-LAB	86.726, -65.919, 82.918
XYZ	40.699, 69.448, 11.375
xyY	0.335, 0.571, 69.448
CIE-LCH	86.726, 105.928, 128.484
CIE-LUV	86.726, -58.669, 103.11
Hunter-Lab	83.336, -58.663, 50.242
Binary	01111010, 11110101, 00000100

#7af504
```
#7af504 rgb(122,245,4)
```
#7f04f5
```
#7f04f5 rgb(127,4,245)
```

Complementary Color

#f3f504
```
#f3f504 rgb(243,245,4)
```
#7af504
```
#7af504 rgb(122,245,4)
```
#04f507
```
#04f507 rgb(4,245,7)
```

Analogous Color

#f504f3
```
#f504f3 rgb(245,4,243)
```
#7af504
```
#7af504 rgb(122,245,4)
```
#0604f5
```
#0604f5 rgb(6,4,245)
```

Split Complementary Color

#f5047a
```
#f5047a rgb(245,4,122)
```
#7af504
```
#7af504 rgb(122,245,4)
```
#047af5
```
#047af5 rgb(4,122,245)
```

Triadic Color

#f57f04
```
#f57f04 rgb(245,127,4)
```
#7af504
```
#7af504 rgb(122,245,4)
```
#047af5
```
#047af5 rgb(4,122,245)
```
#7f04f5
```
#7f04f5 rgb(127,4,245)
```

Tetradic Color

#55aa03
```
#55aa03 rgb(85,170,3)
```
#61c303
```
#61c303 rgb(97,195,3)
```
#6edc04
```
#6edc04 rgb(110,220,4)
```
#7af504
```
#7af504 rgb(122,245,4)
```
#87fb17
```
#87fb17 rgb(135,251,23)
```
#94fc30
```
#94fc30 rgb(148,252,48)
```
#a1fc49
```
#a1fc49 rgb(161,252,73)
```

Monochromatic Color

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

#b6f504
```
#b6f504 rgb(182,245,4)
```
#a2f504
```
#a2f504 rgb(162,245,4)
```
#8ef504
```
#8ef504 rgb(142,245,4)
```
#7af504
```
#7af504 rgb(122,245,4)
```
#66f504
```
#66f504 rgb(102,245,4)
```
#52f504
```
#52f504 rgb(82,245,4)
```
#3ef504
```
#3ef504 rgb(62,245,4)
```

Similar Colors

Text with hexadecimal color #7af504

This text has a font color of #7af504.

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

#7af504 background color

This paragraph has a background color of #7af504.

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

#7af504 border color

This element has a border color of #7af504.

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

CSS codes

.text {color:#7af504;}

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

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

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, #070d00 is the darkest color, while #fcfff9 is the lightest one.

#070d00
```
#070d00 rgb(7,13,0)
```
#102101
```
#102101 rgb(16,33,1)
```
#1a3401
```
#1a3401 rgb(26,52,1)
```
#244701
```
#244701 rgb(36,71,1)
```
#2d5b01
```
#2d5b01 rgb(45,91,1)
```
#376e02
```
#376e02 rgb(55,110,2)
```
#408102
```
#408102 rgb(64,129,2)
```
#4a9402
```
#4a9402 rgb(74,148,2)
```
#54a803
```
#54a803 rgb(84,168,3)
```
#5dbb03
```
#5dbb03 rgb(93,187,3)
```
#67ce03
```
#67ce03 rgb(103,206,3)
```
#70e204
```
#70e204 rgb(112,226,4)
```
#7af504
```
#7af504 rgb(122,245,4)
```

Shade Color Variation

#84fb11
```
#84fb11 rgb(132,251,17)
```
#8efb25
```
#8efb25 rgb(142,251,37)
```
#98fc38
```
#98fc38 rgb(152,252,56)
```
#a2fc4b
```
#a2fc4b rgb(162,252,75)
```
#acfc5f
```
#acfc5f rgb(172,252,95)
```
#b6fd72
```
#b6fd72 rgb(182,253,114)
```
#c0fd85
```
#c0fd85 rgb(192,253,133)
```
#cafd99
```
#cafd99 rgb(202,253,153)
```
#d4feac
```
#d4feac rgb(212,254,172)
```
#defebf
```
#defebf rgb(222,254,191)
```
#e8fed2
```
#e8fed2 rgb(232,254,210)
```
#f2ffe6
```
#f2ffe6 rgb(242,255,230)
```
#fcfff9
```
#fcfff9 rgb(252,255,249)
```

Tint Color Variation

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

#7c8277
```
#7c8277 rgb(124,130,119)
```
#7c8c6d
```
#7c8c6d rgb(124,140,109)
```
#7c9564
```
#7c9564 rgb(124,149,100)
```
#7c9f5a
```
#7c9f5a rgb(124,159,90)
```
#7ca851
```
#7ca851 rgb(124,168,81)
```
#7bb247
```
#7bb247 rgb(123,178,71)
```
#7bbc3d
```
#7bbc3d rgb(123,188,61)
```
#7bc534
```
#7bc534 rgb(123,197,52)
```
#7bcf2a
```
#7bcf2a rgb(123,207,42)
```
#7bd821
```
#7bd821 rgb(123,216,33)
```
#7ae217
```
#7ae217 rgb(122,226,23)
```
#7aeb0e
```
#7aeb0e rgb(122,235,14)
```
#7af504
```
#7af504 rgb(122,245,4)
```

Tone Color Variation

Below, you can see how #7af504 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
#a9c292 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5db00 Protanopia 1% of men
#ffd494 Deuteranopia 1% of men
#a5e5f5 Tritanopia 0.001% of the population

Trichromacy

#c8e401 Protanomaly 1% of men, 0.01% of women
#cee060 Deuteranomaly 6% of men, 0.4% of women
#95ea9d Tritanomaly 0.01% of the population

#7af504 hex color

#7af504 Color Information

#7af504 Color Conversion

Color Schemes with #7af504

Alternatives to #7af504

#7af504 Preview

Shades and Tints of #7af504

Tones of #7af504

Color Blindness Simulator