#01af60 hex color

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

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

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

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

Hex triplet	01af60	`#01af60`
RGB Decimal	1, 175, 96	`rgb(1,175,96)`
RGB Percent	0.4, 68.6, 37.6	`rgb(0.4%,68.6%,37.6%)`
CMYK	99, 0, 45, 31
HSL	152.8°, 98.9, 34.5	`hsl(152.8,98.9%,34.5%)`
HSV (or HSB)	152.8°, 99.4, 68.6
Web Safe	009966	`#009966`

CIE-LAB	62.935, -56.046, 30.057
XYZ	17.452, 31.509, 16.228
xyY	0.268, 0.483, 31.509
CIE-LCH	62.935, 63.597, 151.796
CIE-LUV	62.935, -55.853, 47.463
Hunter-Lab	56.133, -42.734, 22.153
Binary	00000001, 10101111, 01100000

#01af60
```
#01af60 rgb(1,175,96)
```
#af0150
```
#af0150 rgb(175,1,80)
```

Complementary Color

#01af09
```
#01af09 rgb(1,175,9)
```
#01af60
```
#01af60 rgb(1,175,96)
```
#01a7af
```
#01a7af rgb(1,167,175)
```

Analogous Color

#af0901
```
#af0901 rgb(175,9,1)
```
#01af60
```
#01af60 rgb(1,175,96)
```
#af01a7
```
#af01a7 rgb(175,1,167)
```

Split Complementary Color

#af6001
```
#af6001 rgb(175,96,1)
```
#01af60
```
#01af60 rgb(1,175,96)
```
#6001af
```
#6001af rgb(96,1,175)
```

Triadic Color

#50af01
```
#50af01 rgb(80,175,1)
```
#01af60
```
#01af60 rgb(1,175,96)
```
#6001af
```
#6001af rgb(96,1,175)
```
#af0150
```
#af0150 rgb(175,1,80)
```

Tetradic Color

#016336
```
#016336 rgb(1,99,54)
```
#017c44
```
#017c44 rgb(1,124,68)
```
#019652
```
#019652 rgb(1,150,82)
```
#01af60
```
#01af60 rgb(1,175,96)
```
#01c86e
```
#01c86e rgb(1,200,110)
```
#01e27c
```
#01e27c rgb(1,226,124)
```
#01fb8a
```
#01fb8a rgb(1,251,138)
```

Monochromatic Color

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

#01af35
```
#01af35 rgb(1,175,53)
```
#01af43
```
#01af43 rgb(1,175,67)
```
#01af52
```
#01af52 rgb(1,175,82)
```
#01af60
```
#01af60 rgb(1,175,96)
```
#01af6f
```
#01af6f rgb(1,175,111)
```
#01af7d
```
#01af7d rgb(1,175,125)
```
#01af8c
```
#01af8c rgb(1,175,140)
```

Similar Colors

Text with hexadecimal color #01af60

This text has a font color of #01af60.

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

#01af60 background color

This paragraph has a background color of #01af60.

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

#01af60 border color

This element has a border color of #01af60.

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

CSS codes

.text {color:#01af60;}

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

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

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

#00130a
```
#00130a rgb(0,19,10)
```
#002615
```
#002615 rgb(0,38,21)
```
#003a20
```
#003a20 rgb(0,58,32)
```
#004d2b
```
#004d2b rgb(0,77,43)
```
#016135
```
#016135 rgb(1,97,53)
```
#017440
```
#017440 rgb(1,116,64)
```
#01884b
```
#01884b rgb(1,136,75)
```
#019b55
```
#019b55 rgb(1,155,85)
```
#01af60
```
#01af60 rgb(1,175,96)
```
#01c36b
```
#01c36b rgb(1,195,107)
```
#01d675
```
#01d675 rgb(1,214,117)
```
#01ea80
```
#01ea80 rgb(1,234,128)
```
#01fd8b
```
#01fd8b rgb(1,253,139)
```

Shade Color Variation

#14fe94
```
#14fe94 rgb(20,254,148)
```
#28fe9d
```
#28fe9d rgb(40,254,157)
```
#3bfea6
```
#3bfea6 rgb(59,254,166)
```
#4ffeaf
```
#4ffeaf rgb(79,254,175)
```
#62feb7
```
#62feb7 rgb(98,254,183)
```
#76fec0
```
#76fec0 rgb(118,254,192)
```
#89fec9
```
#89fec9 rgb(137,254,201)
```
#9dfed2
```
#9dfed2 rgb(157,254,210)
```
#b0ffdb
```
#b0ffdb rgb(176,255,219)
```
#c4ffe4
```
#c4ffe4 rgb(196,255,228)
```
#d7ffed
```
#d7ffed rgb(215,255,237)
```
#ebfff6
```
#ebfff6 rgb(235,255,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525e59 is the less saturated color, while #01af60 is the most saturated one.

#525e59
```
#525e59 rgb(82,94,89)
```
#4b6559
```
#4b6559 rgb(75,101,89)
```
#456b5a
```
#456b5a rgb(69,107,90)
```
#3e725a
```
#3e725a rgb(62,114,90)
```
#37795b
```
#37795b rgb(55,121,91)
```
#30805c
```
#30805c rgb(48,128,92)
```
#2a865c
```
#2a865c rgb(42,134,92)
```
#238d5d
```
#238d5d rgb(35,141,93)
```
#1c945e
```
#1c945e rgb(28,148,94)
```
#159b5e
```
#159b5e rgb(21,155,94)
```
#0fa15f
```
#0fa15f rgb(15,161,95)
```
#08a85f
```
#08a85f rgb(8,168,95)
```
#01af60
```
#01af60 rgb(1,175,96)
```

Tone Color Variation

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

#ac9d60 Protanopia 1% of men
#ba9772 Deuteranopia 1% of men
#4eaab6 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
#32ab97 Tritanomaly 0.01% of the population

#01af60 hex color

#01af60 Color Information

#01af60 Color Conversion

Color Schemes with #01af60

Alternatives to #01af60

#01af60 Preview

Shades and Tints of #01af60

Tones of #01af60

Color Blindness Simulator