#7af674 hex color

In a RGB color space, hex #7af674 is composed of 47.8% red, 96.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 0% magenta, 52.8% yellow and 3.5% black. It has a hue angle of 117.2 degrees, a saturation of 87.8% and a lightness of 71%. #7af674 color hex could be obtained by blending #f4ffe8 with #00ed00. Closest websafe color is: #66ff66.

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

● #7af674 color description : Soft lime green.

The hexadecimal color #7af674 has RGB values of R:122, G:246, B:116 and CMYK values of C:0.5, M:0, Y:0.53, K:0.04. Its decimal value is 8058484.

Hex triplet	7af674	`#7af674`
RGB Decimal	122, 246, 116	`rgb(122,246,116)`
RGB Percent	47.8, 96.5, 45.5	`rgb(47.8%,96.5%,45.5%)`
CMYK	50, 0, 53, 4
HSL	117.2°, 87.8, 71	`hsl(117.2,87.8%,71%)`
HSV (or HSB)	117.2°, 52.8, 96.5
Web Safe	66ff66	`#66ff66`

CIE-LAB	87.634, -59.522, 51.557
XYZ	44.132, 71.307, 27.96
xyY	0.308, 0.497, 71.307
CIE-LCH	87.634, 78.746, 139.102
CIE-LUV	87.634, -57.464, 76.933
Hunter-Lab	84.443, -54.488, 39.479
Binary	01111010, 11110110, 01110100

#7af674
```
#7af674 rgb(122,246,116)
```
#f074f6
```
#f074f6 rgb(240,116,246)
```

Complementary Color

#bbf674
```
#bbf674 rgb(187,246,116)
```
#7af674
```
#7af674 rgb(122,246,116)
```
#74f6af
```
#74f6af rgb(116,246,175)
```

Analogous Color

#f674bb
```
#f674bb rgb(246,116,187)
```
#7af674
```
#7af674 rgb(122,246,116)
```
#af74f6
```
#af74f6 rgb(175,116,246)
```

Split Complementary Color

#f6747a
```
#f6747a rgb(246,116,122)
```
#7af674
```
#7af674 rgb(122,246,116)
```
#747af6
```
#747af6 rgb(116,122,246)
```

Triadic Color

#f6f074
```
#f6f074 rgb(246,240,116)
```
#7af674
```
#7af674 rgb(122,246,116)
```
#747af6
```
#747af6 rgb(116,122,246)
```
#f074f6
```
#f074f6 rgb(240,116,246)
```

Tetradic Color

#35f12c
```
#35f12c rgb(53,241,44)
```
#4cf344
```
#4cf344 rgb(76,243,68)
```
#63f45c
```
#63f45c rgb(99,244,92)
```
#7af674
```
#7af674 rgb(122,246,116)
```
#91f88c
```
#91f88c rgb(145,248,140)
```
#a8f9a4
```
#a8f9a4 rgb(168,249,164)
```
#bffbbc
```
#bffbbc rgb(191,251,188)
```

Monochromatic Color

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

#9bf674
```
#9bf674 rgb(155,246,116)
```
#90f674
```
#90f674 rgb(144,246,116)
```
#85f674
```
#85f674 rgb(133,246,116)
```
#7af674
```
#7af674 rgb(122,246,116)
```
#74f679
```
#74f679 rgb(116,246,121)
```
#74f684
```
#74f684 rgb(116,246,132)
```
#74f68f
```
#74f68f rgb(116,246,143)
```

Similar Colors

Text with hexadecimal color #7af674

This text has a font color of #7af674.

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

#7af674 background color

This paragraph has a background color of #7af674.

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

#7af674 border color

This element has a border color of #7af674.

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

CSS codes

.text {color:#7af674;}

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

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

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

#010801
```
#010801 rgb(1,8,1)
```
#031b02
```
#031b02 rgb(3,27,2)
```
#052d03
```
#052d03 rgb(5,45,3)
```
#074004
```
#074004 rgb(7,64,4)
```
#095205
```
#095205 rgb(9,82,5)
```
#0b6407
```
#0b6407 rgb(11,100,7)
```
#0d7708
```
#0d7708 rgb(13,119,8)
```
#0f8909
```
#0f8909 rgb(15,137,9)
```
#119c0a
```
#119c0a rgb(17,156,10)
```
#13ae0b
```
#13ae0b rgb(19,174,11)
```
#15c10c
```
#15c10c rgb(21,193,12)
```
#17d30e
```
#17d30e rgb(23,211,14)
```
#19e50f
```
#19e50f rgb(25,229,15)
```

Shade Color Variation

#22f018
```
#22f018 rgb(34,240,24)
```
#33f12a
```
#33f12a rgb(51,241,42)
```
#45f23d
```
#45f23d rgb(69,242,61)
```
#57f44f
```
#57f44f rgb(87,244,79)
```
#68f562
```
#68f562 rgb(104,245,98)
```
#7af674
```
#7af674 rgb(122,246,116)
```
#8cf786
```
#8cf786 rgb(140,247,134)
```
#9df899
```
#9df899 rgb(157,248,153)
```
#affaab
```
#affaab rgb(175,250,171)
```
#c1fbbe
```
#c1fbbe rgb(193,251,190)
```
#d2fcd0
```
#d2fcd0 rgb(210,252,208)
```
#e4fde3
```
#e4fde3 rgb(228,253,227)
```
#f5fef5
```
#f5fef5 rgb(245,254,245)
```

Tint Color Variation

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

#b3b7b3
```
#b3b7b3 rgb(179,183,179)
```
#aebdad
```
#aebdad rgb(174,189,173)
```
#a9c3a7
```
#a9c3a7 rgb(169,195,167)
```
#a3c8a2
```
#a3c8a2 rgb(163,200,162)
```
#9ece9c
```
#9ece9c rgb(158,206,156)
```
#99d496
```
#99d496 rgb(153,212,150)
```
#94da90
```
#94da90 rgb(148,218,144)
```
#8fdf8b
```
#8fdf8b rgb(143,223,139)
```
#8ae585
```
#8ae585 rgb(138,229,133)
```
#84eb7f
```
#84eb7f rgb(132,235,127)
```
#7ff07a
```
#7ff07a rgb(127,240,122)
```
#7af674
```
#7af674 rgb(122,246,116)
```
#75fc6e
```
#75fc6e rgb(117,252,110)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#b4ccb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4dd73 Protanopia 1% of men
#ffd6a7 Deuteranopia 1% of men
#a0e8f9 Tritanopia 0.001% of the population

Trichromacy

#c7e673 Protanomaly 1% of men, 0.01% of women
#cee294 Deuteranomaly 6% of men, 0.4% of women
#92edc9 Tritanomaly 0.01% of the population

#7af674 hex color

#7af674 Color Information

#7af674 Color Conversion

Color Schemes with #7af674

Alternatives to #7af674

#7af674 Preview

Shades and Tints of #7af674

Tones of #7af674

Color Blindness Simulator