#00af57 Color Information
In a RGB color space, hex #00af57 is composed of 0% red, 68.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 50.3% yellow and 31.4% black. It has a hue angle of 149.8 degrees, a saturation of 100% and a lightness of 34.3%. #00af57 color hex could be obtained by blending #00ffae with #005f00. Closest websafe color is: #009966.
-
- R 0
- G 69
- B 34
-
- C 100
- M 0
- Y 50
- K 31
● #00af57 color description : Dark cyan - lime green.
#00af57 Color Conversion
The hexadecimal color #00af57 has RGB values of R:0, G:175, B:87 and CMYK values of C:1, M:0, Y:0.5, K:0.31. Its decimal value is 44887.
Hex triplet | 00af57 | #00af57 |
---|---|---|
RGB Decimal | 0, 175, 87 | rgb(0,175,87) |
RGB Percent | 0, 68.6, 34.1 | rgb(0%,68.6%,34.1%) |
CMYK | 100, 0, 50, 31 | |
HSL | 149.8°, 100, 34.3 | hsl(149.8,100%,34.3%) |
HSV (or HSB) | 149.8°, 100, 68.6 | |
Web Safe | 009966 | #009966 |
CIE-LAB | 62.799, -57.666, 34.512 |
---|---|
XYZ | 17.049, 31.346, 14.168 |
xyY | 0.273, 0.501, 31.346 |
CIE-LCH | 62.799, 67.205, 149.1 |
CIE-LUV | 62.799, -56.417, 52.422 |
Hunter-Lab | 55.988, -43.623, 24.187 |
Binary | 00000000, 10101111, 01010111 |
Color Schemes with #00af57
Alternatives to #00af57
Below, you can see some colors close to #00af57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00af57 Preview
This text has a font color of #00af57.
<span style="color:#00af57;">Text here</span>
This paragraph has a background color of #00af57.
<p style="background-color:#00af57;">Content here</p>
This element has a border color of #00af57.
<div style="border:1px solid #00af57;">Content here</div>
.text {color:#00af57;}
.background {background-color:#00af57;}
.border {border:1px solid #00af57;}
Shades and Tints of #00af57
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)
-
#00391c
#00391c
rgb(0,57,28)
-
#004d26
#004d26
rgb(0,77,38)
-
#006130
#006130
rgb(0,97,48)
-
#00743a
#00743a
rgb(0,116,58)
-
#008843
#008843
rgb(0,136,67)
-
#009b4d
#009b4d
rgb(0,155,77)
-
#00af57
#00af57
rgb(0,175,87)
-
#00c361
#00c361
rgb(0,195,97)
-
#00d66b
#00d66b
rgb(0,214,107)
-
#00ea74
#00ea74
rgb(0,234,116)
-
#00fd7e
#00fd7e
rgb(0,253,126)
-
#12ff88
#12ff88
rgb(18,255,136)
-
#26ff92
#26ff92
rgb(38,255,146)
-
#39ff9c
#39ff9c
rgb(57,255,156)
-
#4dffa5
#4dffa5
rgb(77,255,165)
-
#61ffaf
#61ffaf
rgb(97,255,175)
-
#74ffb9
#74ffb9
rgb(116,255,185)
-
#88ffc3
#88ffc3
rgb(136,255,195)
-
#9bffcd
#9bffcd
rgb(155,255,205)
-
#afffd7
#afffd7
rgb(175,255,215)
-
#c3ffe1
#c3ffe1
rgb(195,255,225)
-
#d6ffea
#d6ffea
rgb(214,255,234)
-
#eafff4
#eafff4
rgb(234,255,244)
-
#fdfffe
#fdfffe
rgb(253,255,254)
Tones of #00af57
A tone is produced by adding gray to any pure hue. In this case, #515e57 is the less saturated color, while #00af57 is the most saturated one.
-
#515e57
#515e57
rgb(81,94,87)
-
#4a6557
#4a6557
rgb(74,101,87)
-
#436c57
#436c57
rgb(67,108,87)
-
#3d7257
#3d7257
rgb(61,114,87)
-
#367957
#367957
rgb(54,121,87)
-
#2f8057
#2f8057
rgb(47,128,87)
-
#288757
#288757
rgb(40,135,87)
-
#228d57
#228d57
rgb(34,141,87)
-
#1b9457
#1b9457
rgb(27,148,87)
-
#149b57
#149b57
rgb(20,155,87)
-
#0da257
#0da257
rgb(13,162,87)
-
#07a857
#07a857
rgb(7,168,87)
-
#00af57
#00af57
rgb(0,175,87)
Color Blindness Simulator
Below, you can see how #00af57 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.