#07af76 hex color

In a RGB color space, hex #07af76 is composed of 2.7% red, 68.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 0% magenta, 32.6% yellow and 31.4% black. It has a hue angle of 159.6 degrees, a saturation of 92.3% and a lightness of 35.7%. #07af76 color hex could be obtained by blending #0effec with #005f00. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 3
- G 69
- B 46
RGB color chart
- C 96
- M 0
- Y 33
- K 31
CMYK color chart

● #07af76 color description : Dark cyan - lime green.

The hexadecimal color #07af76 has RGB values of R:7, G:175, B:118 and CMYK values of C:0.96, M:0, Y:0.33, K:0.31. Its decimal value is 503670.

Hex triplet	07af76	`#07af76`
RGB Decimal	7, 175, 118	`rgb(7,175,118)`
RGB Percent	2.7, 68.6, 46.3	`rgb(2.7%,68.6%,46.3%)`
CMYK	96, 0, 33, 31
HSL	159.6°, 92.3, 35.7	`hsl(159.6,92.3%,35.7%)`
HSV (or HSB)	159.6°, 96, 68.6
Web Safe	009966	`#009966`

CIE-LAB	63.352, -51.3, 18.866
XYZ	18.686, 32.011, 22.332
xyY	0.256, 0.438, 32.011
CIE-LCH	63.352, 54.659, 159.808
CIE-LUV	63.352, -54.148, 33.609
Hunter-Lab	56.578, -40.059, 16.202
Binary	00000111, 10101111, 01110110

#07af76
```
#07af76 rgb(7,175,118)
```
#af0740
```
#af0740 rgb(175,7,64)
```

Complementary Color

#07af22
```
#07af22 rgb(7,175,34)
```
#07af76
```
#07af76 rgb(7,175,118)
```
#0794af
```
#0794af rgb(7,148,175)
```

Analogous Color

#af2207
```
#af2207 rgb(175,34,7)
```
#07af76
```
#07af76 rgb(7,175,118)
```
#af0794
```
#af0794 rgb(175,7,148)
```

Split Complementary Color

#af7607
```
#af7607 rgb(175,118,7)
```
#07af76
```
#07af76 rgb(7,175,118)
```
#7607af
```
#7607af rgb(118,7,175)
```

Triadic Color

#40af07
```
#40af07 rgb(64,175,7)
```
#07af76
```
#07af76 rgb(7,175,118)
```
#7607af
```
#7607af rgb(118,7,175)
```
#af0740
```
#af0740 rgb(175,7,64)
```

Tetradic Color

#046544
```
#046544 rgb(4,101,68)
```
#057e55
```
#057e55 rgb(5,126,85)
```
#069665
```
#069665 rgb(6,150,101)
```
#07af76
```
#07af76 rgb(7,175,118)
```
#08c887
```
#08c887 rgb(8,200,135)
```
#09e097
```
#09e097 rgb(9,224,151)
```
#0df5a7
```
#0df5a7 rgb(13,245,167)
```

Monochromatic Color

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

#07af4c
```
#07af4c rgb(7,175,76)
```
#07af5a
```
#07af5a rgb(7,175,90)
```
#07af68
```
#07af68 rgb(7,175,104)
```
#07af76
```
#07af76 rgb(7,175,118)
```
#07af84
```
#07af84 rgb(7,175,132)
```
#07af92
```
#07af92 rgb(7,175,146)
```
#07afa0
```
#07afa0 rgb(7,175,160)
```

Similar Colors

Text with hexadecimal color #07af76

This text has a font color of #07af76.

<span style="color:#07af76;">Text here</span>

#07af76 background color

This paragraph has a background color of #07af76.

<p style="background-color:#07af76;">Content here</p>

#07af76 border color

This element has a border color of #07af76.

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

CSS codes

.text {color:#07af76;}

.background {background-color:#07af76;}

.border {border:1px solid #07af76;}

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

#000504
```
#000504 rgb(0,5,4)
```
#011810
```
#011810 rgb(1,24,16)
```
#022b1d
```
#022b1d rgb(2,43,29)
```
#023e2a
```
#023e2a rgb(2,62,42)
```
#035136
```
#035136 rgb(3,81,54)
```
#046443
```
#046443 rgb(4,100,67)
```
#057650
```
#057650 rgb(5,118,80)
```
#05895d
```
#05895d rgb(5,137,93)
```
#069c69
```
#069c69 rgb(6,156,105)
```
#07af76
```
#07af76 rgb(7,175,118)
```
#08c283
```
#08c283 rgb(8,194,131)
```
#09d58f
```
#09d58f rgb(9,213,143)
```
#09e89c
```
#09e89c rgb(9,232,156)
```

Shade Color Variation

#0ff5a7
```
#0ff5a7 rgb(15,245,167)
```
#22f6ae
```
#22f6ae rgb(34,246,174)
```
#35f7b5
```
#35f7b5 rgb(53,247,181)
```
#48f8bc
```
#48f8bc rgb(72,248,188)
```
#5bf8c3
```
#5bf8c3 rgb(91,248,195)
```
#6df9ca
```
#6df9ca rgb(109,249,202)
```
#80fad1
```
#80fad1 rgb(128,250,209)
```
#93fbd8
```
#93fbd8 rgb(147,251,216)
```
#a6fbde
```
#a6fbde rgb(166,251,222)
```
#b9fce5
```
#b9fce5 rgb(185,252,229)
```
#ccfdec
```
#ccfdec rgb(204,253,236)
```
#dffef3
```
#dffef3 rgb(223,254,243)
```
#f1fefa
```
#f1fefa rgb(241,254,250)
```

Tint Color Variation

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

#54625d
```
#54625d rgb(84,98,93)
```
#4d6960
```
#4d6960 rgb(77,105,96)
```
#467062
```
#467062 rgb(70,112,98)
```
#3f7764
```
#3f7764 rgb(63,119,100)
```
#387e66
```
#387e66 rgb(56,126,102)
```
#318569
```
#318569 rgb(49,133,105)
```
#2a8c6b
```
#2a8c6b rgb(42,140,107)
```
#23936d
```
#23936d rgb(35,147,109)
```
#1c9a6f
```
#1c9a6f rgb(28,154,111)
```
#15a172
```
#15a172 rgb(21,161,114)
```
#0ea874
```
#0ea874 rgb(14,168,116)
```
#07af76
```
#07af76 rgb(7,175,118)
```
#00b678
```
#00b678 rgb(0,182,120)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#608176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9e74 Protanopia 1% of men
#b69886 Deuteranopia 1% of men
#49abb8 Tritanopia 0.001% of the population

Trichromacy

#6ea475 Protanomaly 1% of men, 0.01% of women
#76a080 Deuteranomaly 6% of men, 0.4% of women
#31aca0 Tritanomaly 0.01% of the population

#07af76 hex color

#07af76 Color Information

#07af76 Color Conversion

Color Schemes with #07af76

Alternatives to #07af76

#07af76 Preview

Shades and Tints of #07af76

Tones of #07af76

Color Blindness Simulator