#00af54 hex color

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

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

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

The hexadecimal color #00af54 has RGB values of R:0, G:175, B:84 and CMYK values of C:1, M:0, Y:0.52, K:0.31. Its decimal value is 44884.

Hex triplet	00af54	`#00af54`
RGB Decimal	0, 175, 84	`rgb(0,175,84)`
RGB Percent	0, 68.6, 32.9	`rgb(0%,68.6%,32.9%)`
CMYK	100, 0, 52, 31
HSL	148.8°, 100, 34.3	`hsl(148.8,100%,34.3%)`
HSV (or HSB)	148.8°, 100, 68.6
Web Safe	009966	`#009966`

CIE-LAB	62.758, -58.156, 35.973
XYZ	16.929, 31.298, 13.536
xyY	0.274, 0.507, 31.298
CIE-LCH	62.758, 68.383, 148.261
CIE-LUV	62.758, -56.579, 53.976
Hunter-Lab	55.945, -43.889, 24.816
Binary	00000000, 10101111, 01010100

#00af54
```
#00af54 rgb(0,175,84)
```
#af005b
```
#af005b rgb(175,0,91)
```

Complementary Color

#04af00
```
#04af00 rgb(4,175,0)
```
#00af54
```
#00af54 rgb(0,175,84)
```
#00afac
```
#00afac rgb(0,175,172)
```

Analogous Color

#af0003
```
#af0003 rgb(175,0,3)
```
#00af54
```
#00af54 rgb(0,175,84)
```
#ac00af
```
#ac00af rgb(172,0,175)
```

Split Complementary Color

#af5400
```
#af5400 rgb(175,84,0)
```
#00af54
```
#00af54 rgb(0,175,84)
```
#5400af
```
#5400af rgb(84,0,175)
```

Triadic Color

#5baf00
```
#5baf00 rgb(91,175,0)
```
#00af54
```
#00af54 rgb(0,175,84)
```
#5400af
```
#5400af rgb(84,0,175)
```
#af005b
```
#af005b rgb(175,0,91)
```

Tetradic Color

#00632f
```
#00632f rgb(0,99,47)
```
#007c3c
```
#007c3c rgb(0,124,60)
```
#009648
```
#009648 rgb(0,150,72)
```
#00af54
```
#00af54 rgb(0,175,84)
```
#00c960
```
#00c960 rgb(0,201,96)
```
#00e26c
```
#00e26c rgb(0,226,108)
```
#00fc79
```
#00fc79 rgb(0,252,121)
```

Monochromatic Color

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

#00af28
```
#00af28 rgb(0,175,40)
```
#00af37
```
#00af37 rgb(0,175,55)
```
#00af45
```
#00af45 rgb(0,175,69)
```
#00af54
```
#00af54 rgb(0,175,84)
```
#00af63
```
#00af63 rgb(0,175,99)
```
#00af71
```
#00af71 rgb(0,175,113)
```
#00af80
```
#00af80 rgb(0,175,128)
```

Similar Colors

Text with hexadecimal color #00af54

This text has a font color of #00af54.

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

#00af54 background color

This paragraph has a background color of #00af54.

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

#00af54 border color

This element has a border color of #00af54.

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

CSS codes

.text {color:#00af54;}

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

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

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)
```
#002612
```
#002612 rgb(0,38,18)
```
#00391c
```
#00391c rgb(0,57,28)
```
#004d25
```
#004d25 rgb(0,77,37)
```
#00612e
```
#00612e rgb(0,97,46)
```
#007438
```
#007438 rgb(0,116,56)
```
#008841
```
#008841 rgb(0,136,65)
```
#009b4b
```
#009b4b rgb(0,155,75)
```
#00af54
```
#00af54 rgb(0,175,84)
```
#00c35d
```
#00c35d rgb(0,195,93)
```
#00d667
```
#00d667 rgb(0,214,103)
```
#00ea70
```
#00ea70 rgb(0,234,112)
```
#00fd7a
```
#00fd7a rgb(0,253,122)
```

Shade Color Variation

#12ff84
```
#12ff84 rgb(18,255,132)
```
#26ff8e
```
#26ff8e rgb(38,255,142)
```
#39ff98
```
#39ff98 rgb(57,255,152)
```
#4dffa2
```
#4dffa2 rgb(77,255,162)
```
#61ffad
```
#61ffad rgb(97,255,173)
```
#74ffb7
```
#74ffb7 rgb(116,255,183)
```
#88ffc1
```
#88ffc1 rgb(136,255,193)
```
#9bffcb
```
#9bffcb rgb(155,255,203)
```
#afffd5
```
#afffd5 rgb(175,255,213)
```
#c3ffe0
```
#c3ffe0 rgb(195,255,224)
```
#d6ffea
```
#d6ffea rgb(214,255,234)
```
#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, #515e57 is the less saturated color, while #00af54 is the most saturated one.

#515e57
```
#515e57 rgb(81,94,87)
```
#4a6557
```
#4a6557 rgb(74,101,87)
```
#436c57
```
#436c57 rgb(67,108,87)
```
#3d7256
```
#3d7256 rgb(61,114,86)
```
#367956
```
#367956 rgb(54,121,86)
```
#2f8056
```
#2f8056 rgb(47,128,86)
```
#288756
```
#288756 rgb(40,135,86)
```
#228d55
```
#228d55 rgb(34,141,85)
```
#1b9455
```
#1b9455 rgb(27,148,85)
```
#149b55
```
#149b55 rgb(20,155,85)
```
#0da255
```
#0da255 rgb(13,162,85)
```
#07a854
```
#07a854 rgb(7,168,84)
```
#00af54
```
#00af54 rgb(0,175,84)
```

Tone Color Variation

Below, you can see how #00af54 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
#5a7d6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9d55 Protanopia 1% of men
#bc9667 Deuteranopia 1% of men
#50a9b5 Tritanopia 0.001% of the population

Trichromacy

#6da355 Protanomaly 1% of men, 0.01% of women
#779f60 Deuteranomaly 6% of men, 0.4% of women
#33ab92 Tritanomaly 0.01% of the population

#00af54 hex color

#00af54 Color Information

#00af54 Color Conversion

Color Schemes with #00af54

Alternatives to #00af54

#00af54 Preview

Shades and Tints of #00af54

Tones of #00af54

Color Blindness Simulator