#00af60 hex color

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

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

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

The hexadecimal color #00af60 has RGB values of R:0, G:175, B:96 and CMYK values of C:1, M:0, Y:0.45, K:0.31. Its decimal value is 44896.

Hex triplet	00af60	`#00af60`
RGB Decimal	0, 175, 96	`rgb(0,175,96)`
RGB Percent	0, 68.6, 37.6	`rgb(0%,68.6%,37.6%)`
CMYK	100, 0, 45, 31
HSL	152.9°, 100, 34.3	`hsl(152.9,100%,34.3%)`
HSV (or HSB)	152.9°, 100, 68.6
Web Safe	009966	`#009966`

CIE-LAB	62.93, -56.091, 30.049
XYZ	17.44, 31.503, 16.227
xyY	0.268, 0.483, 31.503
CIE-LCH	62.93, 63.633, 151.822
CIE-LUV	62.93, -55.902, 47.459
Hunter-Lab	56.127, -42.758, 22.147
Binary	00000000, 10101111, 01100000

#00af60
```
#00af60 rgb(0,175,96)
```
#af004f
```
#af004f rgb(175,0,79)
```

Complementary Color

#00af08
```
#00af08 rgb(0,175,8)
```
#00af60
```
#00af60 rgb(0,175,96)
```
#00a7af
```
#00a7af rgb(0,167,175)
```

Analogous Color

#af0800
```
#af0800 rgb(175,8,0)
```
#00af60
```
#00af60 rgb(0,175,96)
```
#af00a7
```
#af00a7 rgb(175,0,167)
```

Split Complementary Color

#af6000
```
#af6000 rgb(175,96,0)
```
#00af60
```
#00af60 rgb(0,175,96)
```
#6000af
```
#6000af rgb(96,0,175)
```

Triadic Color

#4faf00
```
#4faf00 rgb(79,175,0)
```
#00af60
```
#00af60 rgb(0,175,96)
```
#6000af
```
#6000af rgb(96,0,175)
```
#af004f
```
#af004f rgb(175,0,79)
```

Tetradic Color

#006336
```
#006336 rgb(0,99,54)
```
#007c44
```
#007c44 rgb(0,124,68)
```
#009652
```
#009652 rgb(0,150,82)
```
#00af60
```
#00af60 rgb(0,175,96)
```
#00c96e
```
#00c96e rgb(0,201,110)
```
#00e27c
```
#00e27c rgb(0,226,124)
```
#00fc8a
```
#00fc8a rgb(0,252,138)
```

Monochromatic Color

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

#00af34
```
#00af34 rgb(0,175,52)
```
#00af43
```
#00af43 rgb(0,175,67)
```
#00af51
```
#00af51 rgb(0,175,81)
```
#00af60
```
#00af60 rgb(0,175,96)
```
#00af6f
```
#00af6f rgb(0,175,111)
```
#00af7d
```
#00af7d rgb(0,175,125)
```
#00af8c
```
#00af8c rgb(0,175,140)
```

Similar Colors

Text with hexadecimal color #00af60

This text has a font color of #00af60.

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

#00af60 background color

This paragraph has a background color of #00af60.

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

#00af60 border color

This element has a border color of #00af60.

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

CSS codes

.text {color:#00af60;}

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

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

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

#00120a
```
#00120a rgb(0,18,10)
```
#002615
```
#002615 rgb(0,38,21)
```
#00391f
```
#00391f rgb(0,57,31)
```
#004d2a
```
#004d2a rgb(0,77,42)
```
#006135
```
#006135 rgb(0,97,53)
```
#007440
```
#007440 rgb(0,116,64)
```
#00884a
```
#00884a rgb(0,136,74)
```
#009b55
```
#009b55 rgb(0,155,85)
```
#00af60
```
#00af60 rgb(0,175,96)
```
#00c36b
```
#00c36b rgb(0,195,107)
```
#00d676
```
#00d676 rgb(0,214,118)
```
#00ea80
```
#00ea80 rgb(0,234,128)
```
#00fd8b
```
#00fd8b rgb(0,253,139)
```

Shade Color Variation

#12ff94
```
#12ff94 rgb(18,255,148)
```
#26ff9d
```
#26ff9d rgb(38,255,157)
```
#39ffa6
```
#39ffa6 rgb(57,255,166)
```
#4dffaf
```
#4dffaf rgb(77,255,175)
```
#61ffb7
```
#61ffb7 rgb(97,255,183)
```
#74ffc0
```
#74ffc0 rgb(116,255,192)
```
#88ffc9
```
#88ffc9 rgb(136,255,201)
```
#9bffd2
```
#9bffd2 rgb(155,255,210)
```
#afffdb
```
#afffdb rgb(175,255,219)
```
#c3ffe4
```
#c3ffe4 rgb(195,255,228)
```
#d6ffed
```
#d6ffed rgb(214,255,237)
```
#eafff5
```
#eafff5 rgb(234,255,245)
```
#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 #00af60 is the most saturated one.

#515e58
```
#515e58 rgb(81,94,88)
```
#4a6559
```
#4a6559 rgb(74,101,89)
```
#436c59
```
#436c59 rgb(67,108,89)
```
#3d725a
```
#3d725a rgb(61,114,90)
```
#36795b
```
#36795b rgb(54,121,91)
```
#2f805b
```
#2f805b rgb(47,128,91)
```
#28875c
```
#28875c rgb(40,135,92)
```
#228d5d
```
#228d5d rgb(34,141,93)
```
#1b945d
```
#1b945d rgb(27,148,93)
```
#149b5e
```
#149b5e rgb(20,155,94)
```
#0da25f
```
#0da25f rgb(13,162,95)
```
#07a85f
```
#07a85f rgb(7,168,95)
```
#00af60
```
#00af60 rgb(0,175,96)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#5b7e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9d60 Protanopia 1% of men
#ba9772 Deuteranopia 1% of men
#4daab6 Tritanopia 0.001% of the population

Trichromacy

#6da360 Protanomaly 1% of men, 0.01% of women
#769f6b Deuteranomaly 6% of men, 0.4% of women
#31ab97 Tritanomaly 0.01% of the population

#00af60 hex color

#00af60 Color Information

#00af60 Color Conversion

Color Schemes with #00af60

Alternatives to #00af60

#00af60 Preview

Shades and Tints of #00af60

Tones of #00af60

Color Blindness Simulator