#00af4e hex color

In a RGB color space, hex #00af4e is composed of 0% red, 68.6% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 55.4% yellow and 31.4% black. It has a hue angle of 146.7 degrees, a saturation of 100% and a lightness of 34.3%. #00af4e color hex could be obtained by blending #00ff9c with #005f00. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 0
- G 69
- B 31
RGB color chart
- C 100
- M 0
- Y 55
- K 31
CMYK color chart

● #00af4e color description : Dark cyan - lime green.

The hexadecimal color #00af4e has RGB values of R:0, G:175, B:78 and CMYK values of C:1, M:0, Y:0.55, K:0.31. Its decimal value is 44878.

Hex triplet	00af4e	`#00af4e`
RGB Decimal	0, 175, 78	`rgb(0,175,78)`
RGB Percent	0, 68.6, 30.6	`rgb(0%,68.6%,30.6%)`
CMYK	100, 0, 55, 31
HSL	146.7°, 100, 34.3	`hsl(146.7,100%,34.3%)`
HSV (or HSB)	146.7°, 100, 68.6
Web Safe	009966	`#009966`

CIE-LAB	62.683, -59.082, 38.846
XYZ	16.704, 31.208, 12.351
xyY	0.277, 0.518, 31.208
CIE-LCH	62.683, 70.709, 146.676
CIE-LUV	62.683, -56.887, 56.928
Hunter-Lab	55.864, -44.389, 25.997
Binary	00000000, 10101111, 01001110

#00af4e
```
#00af4e rgb(0,175,78)
```
#af0061
```
#af0061 rgb(175,0,97)
```

Complementary Color

#09af00
```
#09af00 rgb(9,175,0)
```
#00af4e
```
#00af4e rgb(0,175,78)
```
#00afa6
```
#00afa6 rgb(0,175,166)
```

Analogous Color

#af000a
```
#af000a rgb(175,0,10)
```
#00af4e
```
#00af4e rgb(0,175,78)
```
#a600af
```
#a600af rgb(166,0,175)
```

Split Complementary Color

#af4e00
```
#af4e00 rgb(175,78,0)
```
#00af4e
```
#00af4e rgb(0,175,78)
```
#4e00af
```
#4e00af rgb(78,0,175)
```

Triadic Color

#61af00
```
#61af00 rgb(97,175,0)
```
#00af4e
```
#00af4e rgb(0,175,78)
```
#4e00af
```
#4e00af rgb(78,0,175)
```
#af0061
```
#af0061 rgb(175,0,97)
```

Tetradic Color

#00632c
```
#00632c rgb(0,99,44)
```
#007c37
```
#007c37 rgb(0,124,55)
```
#009643
```
#009643 rgb(0,150,67)
```
#00af4e
```
#00af4e rgb(0,175,78)
```
#00c959
```
#00c959 rgb(0,201,89)
```
#00e265
```
#00e265 rgb(0,226,101)
```
#00fc70
```
#00fc70 rgb(0,252,112)
```

Monochromatic Color

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

#00af22
```
#00af22 rgb(0,175,34)
```
#00af31
```
#00af31 rgb(0,175,49)
```
#00af3f
```
#00af3f rgb(0,175,63)
```
#00af4e
```
#00af4e rgb(0,175,78)
```
#00af5d
```
#00af5d rgb(0,175,93)
```
#00af6b
```
#00af6b rgb(0,175,107)
```
#00af7a
```
#00af7a rgb(0,175,122)
```

Similar Colors

Text with hexadecimal color #00af4e

This text has a font color of #00af4e.

<span style="color:#00af4e;">Text here</span>

#00af4e background color

This paragraph has a background color of #00af4e.

<p style="background-color:#00af4e;">Content here</p>

#00af4e border color

This element has a border color of #00af4e.

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

CSS codes

.text {color:#00af4e;}

.background {background-color:#00af4e;}

.border {border:1px solid #00af4e;}

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

#001208
```
#001208 rgb(0,18,8)
```
#002611
```
#002611 rgb(0,38,17)
```
#00391a
```
#00391a rgb(0,57,26)
```
#004d22
```
#004d22 rgb(0,77,34)
```
#00612b
```
#00612b rgb(0,97,43)
```
#007434
```
#007434 rgb(0,116,52)
```
#00883d
```
#00883d rgb(0,136,61)
```
#009b45
```
#009b45 rgb(0,155,69)
```
#00af4e
```
#00af4e rgb(0,175,78)
```
#00c357
```
#00c357 rgb(0,195,87)
```
#00d65f
```
#00d65f rgb(0,214,95)
```
#00ea68
```
#00ea68 rgb(0,234,104)
```
#00fd71
```
#00fd71 rgb(0,253,113)
```

Shade Color Variation

#12ff7c
```
#12ff7c rgb(18,255,124)
```
#26ff87
```
#26ff87 rgb(38,255,135)
```
#39ff91
```
#39ff91 rgb(57,255,145)
```
#4dff9c
```
#4dff9c rgb(77,255,156)
```
#61ffa7
```
#61ffa7 rgb(97,255,167)
```
#74ffb2
```
#74ffb2 rgb(116,255,178)
```
#88ffbd
```
#88ffbd rgb(136,255,189)
```
#9bffc8
```
#9bffc8 rgb(155,255,200)
```
#afffd3
```
#afffd3 rgb(175,255,211)
```
#c3ffde
```
#c3ffde rgb(195,255,222)
```
#d6ffe8
```
#d6ffe8 rgb(214,255,232)
```
#eafff3
```
#eafff3 rgb(234,255,243)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#515e57
```
#515e57 rgb(81,94,87)
```
#4a6556
```
#4a6556 rgb(74,101,86)
```
#436c55
```
#436c55 rgb(67,108,85)
```
#3d7255
```
#3d7255 rgb(61,114,85)
```
#367954
```
#367954 rgb(54,121,84)
```
#2f8053
```
#2f8053 rgb(47,128,83)
```
#288752
```
#288752 rgb(40,135,82)
```
#228d52
```
#228d52 rgb(34,141,82)
```
#1b9451
```
#1b9451 rgb(27,148,81)
```
#149b50
```
#149b50 rgb(20,155,80)
```
#0da24f
```
#0da24f rgb(13,162,79)
```
#07a84f
```
#07a84f rgb(7,168,79)
```
#00af4e
```
#00af4e rgb(0,175,78)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5a7d69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9d50 Protanopia 1% of men
#bc9661 Deuteranopia 1% of men
#51a9b5 Tritanopia 0.001% of the population

Trichromacy

#6ea34f Protanomaly 1% of men, 0.01% of women
#789f5a Deuteranomaly 6% of men, 0.4% of women
#33ab8f Tritanomaly 0.01% of the population

#00af4e hex color

#00af4e Color Information

#00af4e Color Conversion

Color Schemes with #00af4e

Alternatives to #00af4e

#00af4e Preview

Shades and Tints of #00af4e

Tones of #00af4e

Color Blindness Simulator