#00af58 hex color

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

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

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

The hexadecimal color #00af58 has RGB values of R:0, G:175, B:88 and CMYK values of C:1, M:0, Y:0.5, K:0.31. Its decimal value is 44888.

Hex triplet	00af58	`#00af58`
RGB Decimal	0, 175, 88	`rgb(0,175,88)`
RGB Percent	0, 68.6, 34.5	`rgb(0%,68.6%,34.5%)`
CMYK	100, 0, 50, 31
HSL	150.2°, 100, 34.3	`hsl(150.2,100%,34.3%)`
HSV (or HSB)	150.2°, 100, 68.6
Web Safe	009966	`#009966`

CIE-LAB	62.813, -57.499, 34.022
XYZ	17.09, 31.363, 14.385
xyY	0.272, 0.499, 31.363
CIE-LCH	62.813, 66.81, 149.387
CIE-LUV	62.813, -56.362, 51.893
Hunter-Lab	56.002, -43.531, 23.972
Binary	00000000, 10101111, 01011000

#00af58
```
#00af58 rgb(0,175,88)
```
#af0057
```
#af0057 rgb(175,0,87)
```

Complementary Color

#00af01
```
#00af01 rgb(0,175,1)
```
#00af58
```
#00af58 rgb(0,175,88)
```
#00afaf
```
#00afaf rgb(0,175,175)
```

Analogous Color

#af0100
```
#af0100 rgb(175,1,0)
```
#00af58
```
#00af58 rgb(0,175,88)
```
#af00af
```
#af00af rgb(175,0,175)
```

Split Complementary Color

#af5800
```
#af5800 rgb(175,88,0)
```
#00af58
```
#00af58 rgb(0,175,88)
```
#5800af
```
#5800af rgb(88,0,175)
```

Triadic Color

#57af00
```
#57af00 rgb(87,175,0)
```
#00af58
```
#00af58 rgb(0,175,88)
```
#5800af
```
#5800af rgb(88,0,175)
```
#af0057
```
#af0057 rgb(175,0,87)
```

Tetradic Color

#006332
```
#006332 rgb(0,99,50)
```
#007c3e
```
#007c3e rgb(0,124,62)
```
#00964b
```
#00964b rgb(0,150,75)
```
#00af58
```
#00af58 rgb(0,175,88)
```
#00c965
```
#00c965 rgb(0,201,101)
```
#00e272
```
#00e272 rgb(0,226,114)
```
#00fc7e
```
#00fc7e rgb(0,252,126)
```

Monochromatic Color

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

#00af2c
```
#00af2c rgb(0,175,44)
```
#00af3b
```
#00af3b rgb(0,175,59)
```
#00af49
```
#00af49 rgb(0,175,73)
```
#00af58
```
#00af58 rgb(0,175,88)
```
#00af67
```
#00af67 rgb(0,175,103)
```
#00af75
```
#00af75 rgb(0,175,117)
```
#00af84
```
#00af84 rgb(0,175,132)
```

Similar Colors

Text with hexadecimal color #00af58

This text has a font color of #00af58.

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

#00af58 background color

This paragraph has a background color of #00af58.

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

#00af58 border color

This element has a border color of #00af58.

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

CSS codes

.text {color:#00af58;}

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

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

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

#001209
```
#001209 rgb(0,18,9)
```
#002613
```
#002613 rgb(0,38,19)
```
#00391d
```
#00391d rgb(0,57,29)
```
#004d27
```
#004d27 rgb(0,77,39)
```
#006131
```
#006131 rgb(0,97,49)
```
#00743a
```
#00743a rgb(0,116,58)
```
#008844
```
#008844 rgb(0,136,68)
```
#009b4e
```
#009b4e rgb(0,155,78)
```
#00af58
```
#00af58 rgb(0,175,88)
```
#00c362
```
#00c362 rgb(0,195,98)
```
#00d66c
```
#00d66c rgb(0,214,108)
```
#00ea76
```
#00ea76 rgb(0,234,118)
```
#00fd7f
```
#00fd7f rgb(0,253,127)
```

Shade Color Variation

#12ff89
```
#12ff89 rgb(18,255,137)
```
#26ff93
```
#26ff93 rgb(38,255,147)
```
#39ff9d
```
#39ff9d rgb(57,255,157)
```
#4dffa6
```
#4dffa6 rgb(77,255,166)
```
#61ffb0
```
#61ffb0 rgb(97,255,176)
```
#74ffba
```
#74ffba rgb(116,255,186)
```
#88ffc4
```
#88ffc4 rgb(136,255,196)
```
#9bffcd
```
#9bffcd rgb(155,255,205)
```
#afffd7
```
#afffd7 rgb(175,255,215)
```
#c3ffe1
```
#c3ffe1 rgb(195,255,225)
```
#d6ffeb
```
#d6ffeb rgb(214,255,235)
```
#eafff4
```
#eafff4 rgb(234,255,244)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#515e58
```
#515e58 rgb(81,94,88)
```
#4a6558
```
#4a6558 rgb(74,101,88)
```
#436c58
```
#436c58 rgb(67,108,88)
```
#3d7258
```
#3d7258 rgb(61,114,88)
```
#367958
```
#367958 rgb(54,121,88)
```
#2f8058
```
#2f8058 rgb(47,128,88)
```
#288758
```
#288758 rgb(40,135,88)
```
#228d58
```
#228d58 rgb(34,141,88)
```
#1b9458
```
#1b9458 rgb(27,148,88)
```
#149b58
```
#149b58 rgb(20,155,88)
```
#0da258
```
#0da258 rgb(13,162,88)
```
#07a858
```
#07a858 rgb(7,168,88)
```
#00af58
```
#00af58 rgb(0,175,88)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#5a7d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9d59 Protanopia 1% of men
#bb966a Deuteranopia 1% of men
#4fa9b5 Tritanopia 0.001% of the population

Trichromacy

#6da358 Protanomaly 1% of men, 0.01% of women
#779f63 Deuteranomaly 6% of men, 0.4% of women
#32ab93 Tritanomaly 0.01% of the population

#00af58 hex color

#00af58 Color Information

#00af58 Color Conversion

Color Schemes with #00af58

Alternatives to #00af58

#00af58 Preview

Shades and Tints of #00af58

Tones of #00af58

Color Blindness Simulator