#00af2f hex color

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

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

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

The hexadecimal color #00af2f has RGB values of R:0, G:175, B:47 and CMYK values of C:1, M:0, Y:0.73, K:0.31. Its decimal value is 44847.

Hex triplet	00af2f	`#00af2f`
RGB Decimal	0, 175, 47	`rgb(0,175,47)`
RGB Percent	0, 68.6, 18.4	`rgb(0%,68.6%,18.4%)`
CMYK	100, 0, 73, 31
HSL	136.1°, 100, 34.3	`hsl(136.1,100%,34.3%)`
HSV (or HSB)	136.1°, 100, 68.6
Web Safe	009933	`#009933`

CIE-LAB	62.392, -62.731, 52.055
XYZ	15.842, 30.863, 7.811
xyY	0.291, 0.566, 30.863
CIE-LCH	62.392, 81.517, 140.314
CIE-LUV	62.392, -58.127, 68.733
Hunter-Lab	55.555, -46.32, 30.552
Binary	00000000, 10101111, 00101111

#00af2f
```
#00af2f rgb(0,175,47)
```
#af0080
```
#af0080 rgb(175,0,128)
```

Complementary Color

#29af00
```
#29af00 rgb(41,175,0)
```
#00af2f
```
#00af2f rgb(0,175,47)
```
#00af87
```
#00af87 rgb(0,175,135)
```

Analogous Color

#af0029
```
#af0029 rgb(175,0,41)
```
#00af2f
```
#00af2f rgb(0,175,47)
```
#8700af
```
#8700af rgb(135,0,175)
```

Split Complementary Color

#af2f00
```
#af2f00 rgb(175,47,0)
```
#00af2f
```
#00af2f rgb(0,175,47)
```
#2f00af
```
#2f00af rgb(47,0,175)
```

Triadic Color

#80af00
```
#80af00 rgb(128,175,0)
```
#00af2f
```
#00af2f rgb(0,175,47)
```
#2f00af
```
#2f00af rgb(47,0,175)
```
#af0080
```
#af0080 rgb(175,0,128)
```

Tetradic Color

#00631a
```
#00631a rgb(0,99,26)
```
#007c21
```
#007c21 rgb(0,124,33)
```
#009628
```
#009628 rgb(0,150,40)
```
#00af2f
```
#00af2f rgb(0,175,47)
```
#00c936
```
#00c936 rgb(0,201,54)
```
#00e23d
```
#00e23d rgb(0,226,61)
```
#00fc44
```
#00fc44 rgb(0,252,68)
```

Monochromatic Color

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

#00af03
```
#00af03 rgb(0,175,3)
```
#00af12
```
#00af12 rgb(0,175,18)
```
#00af20
```
#00af20 rgb(0,175,32)
```
#00af2f
```
#00af2f rgb(0,175,47)
```
#00af3e
```
#00af3e rgb(0,175,62)
```
#00af4c
```
#00af4c rgb(0,175,76)
```
#00af5b
```
#00af5b rgb(0,175,91)
```

Similar Colors

Text with hexadecimal color #00af2f

This text has a font color of #00af2f.

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

#00af2f background color

This paragraph has a background color of #00af2f.

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

#00af2f border color

This element has a border color of #00af2f.

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

CSS codes

.text {color:#00af2f;}

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

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

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

#001205
```
#001205 rgb(0,18,5)
```
#00260a
```
#00260a rgb(0,38,10)
```
#00390f
```
#00390f rgb(0,57,15)
```
#004d15
```
#004d15 rgb(0,77,21)
```
#00611a
```
#00611a rgb(0,97,26)
```
#00741f
```
#00741f rgb(0,116,31)
```
#008824
```
#008824 rgb(0,136,36)
```
#009b2a
```
#009b2a rgb(0,155,42)
```
#00af2f
```
#00af2f rgb(0,175,47)
```
#00c334
```
#00c334 rgb(0,195,52)
```
#00d63a
```
#00d63a rgb(0,214,58)
```
#00ea3f
```
#00ea3f rgb(0,234,63)
```
#00fd44
```
#00fd44 rgb(0,253,68)
```

Shade Color Variation

#12ff52
```
#12ff52 rgb(18,255,82)
```
#26ff60
```
#26ff60 rgb(38,255,96)
```
#39ff6e
```
#39ff6e rgb(57,255,110)
```
#4dff7d
```
#4dff7d rgb(77,255,125)
```
#61ff8b
```
#61ff8b rgb(97,255,139)
```
#74ff99
```
#74ff99 rgb(116,255,153)
```
#88ffa8
```
#88ffa8 rgb(136,255,168)
```
#9bffb6
```
#9bffb6 rgb(155,255,182)
```
#afffc4
```
#afffc4 rgb(175,255,196)
```
#c3ffd3
```
#c3ffd3 rgb(195,255,211)
```
#d6ffe1
```
#d6ffe1 rgb(214,255,225)
```
#eafff0
```
#eafff0 rgb(234,255,240)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#515e54
```
#515e54 rgb(81,94,84)
```
#4a6551
```
#4a6551 rgb(74,101,81)
```
#436c4e
```
#436c4e rgb(67,108,78)
```
#3d724b
```
#3d724b rgb(61,114,75)
```
#367948
```
#367948 rgb(54,121,72)
```
#2f8045
```
#2f8045 rgb(47,128,69)
```
#288742
```
#288742 rgb(40,135,66)
```
#228d3f
```
#228d3f rgb(34,141,63)
```
#1b943b
```
#1b943b rgb(27,148,59)
```
#149b38
```
#149b38 rgb(20,155,56)
```
#0da235
```
#0da235 rgb(13,162,53)
```
#07a832
```
#07a832 rgb(7,168,50)
```
#00af2f
```
#00af2f rgb(0,175,47)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#567960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9c33 Protanopia 1% of men
#c09547 Deuteranopia 1% of men
#54a7b4 Tritanopia 0.001% of the population

Trichromacy

#6ea332 Protanomaly 1% of men, 0.01% of women
#7a9e3e Deuteranomaly 6% of men, 0.4% of women
#36aa83 Tritanomaly 0.01% of the population

#00af2f hex color

#00af2f Color Information

#00af2f Color Conversion

Color Schemes with #00af2f

Alternatives to #00af2f

#00af2f Preview

Shades and Tints of #00af2f

Tones of #00af2f

Color Blindness Simulator