#01af30 hex color

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

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

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

The hexadecimal color #01af30 has RGB values of R:1, G:175, B:48 and CMYK values of C:0.99, M:0, Y:0.73, K:0.31. Its decimal value is 110384.

Hex triplet	01af30	`#01af30`
RGB Decimal	1, 175, 48	`rgb(1,175,48)`
RGB Percent	0.4, 68.6, 18.8	`rgb(0.4%,68.6%,18.8%)`
CMYK	99, 0, 73, 31
HSL	136.2°, 98.9, 34.5	`hsl(136.2,98.9%,34.5%)`
HSV (or HSB)	136.2°, 99.4, 68.6
Web Safe	009933	`#009933`

CIE-LAB	62.404, -62.594, 51.695
XYZ	15.875, 30.878, 7.919
xyY	0.29, 0.565, 30.878
CIE-LCH	62.404, 81.181, 140.447
CIE-LUV	62.404, -58.044, 68.445
Hunter-Lab	55.568, -46.249, 30.448
Binary	00000001, 10101111, 00110000

#01af30
```
#01af30 rgb(1,175,48)
```
#af0180
```
#af0180 rgb(175,1,128)
```

Complementary Color

#29af01
```
#29af01 rgb(41,175,1)
```
#01af30
```
#01af30 rgb(1,175,48)
```
#01af87
```
#01af87 rgb(1,175,135)
```

Analogous Color

#af0129
```
#af0129 rgb(175,1,41)
```
#01af30
```
#01af30 rgb(1,175,48)
```
#8701af
```
#8701af rgb(135,1,175)
```

Split Complementary Color

#af3001
```
#af3001 rgb(175,48,1)
```
#01af30
```
#01af30 rgb(1,175,48)
```
#3001af
```
#3001af rgb(48,1,175)
```

Triadic Color

#80af01
```
#80af01 rgb(128,175,1)
```
#01af30
```
#01af30 rgb(1,175,48)
```
#3001af
```
#3001af rgb(48,1,175)
```
#af0180
```
#af0180 rgb(175,1,128)
```

Tetradic Color

#01631b
```
#01631b rgb(1,99,27)
```
#017c22
```
#017c22 rgb(1,124,34)
```
#019629
```
#019629 rgb(1,150,41)
```
#01af30
```
#01af30 rgb(1,175,48)
```
#01c837
```
#01c837 rgb(1,200,55)
```
#01e23e
```
#01e23e rgb(1,226,62)
```
#01fb45
```
#01fb45 rgb(1,251,69)
```

Monochromatic Color

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

#01af05
```
#01af05 rgb(1,175,5)
```
#01af13
```
#01af13 rgb(1,175,19)
```
#01af22
```
#01af22 rgb(1,175,34)
```
#01af30
```
#01af30 rgb(1,175,48)
```
#01af3f
```
#01af3f rgb(1,175,63)
```
#01af4d
```
#01af4d rgb(1,175,77)
```
#01af5c
```
#01af5c rgb(1,175,92)
```

Similar Colors

Text with hexadecimal color #01af30

This text has a font color of #01af30.

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

#01af30 background color

This paragraph has a background color of #01af30.

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

#01af30 border color

This element has a border color of #01af30.

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

CSS codes

.text {color:#01af30;}

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

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

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

#001305
```
#001305 rgb(0,19,5)
```
#00260b
```
#00260b rgb(0,38,11)
```
#003a10
```
#003a10 rgb(0,58,16)
```
#004d15
```
#004d15 rgb(0,77,21)
```
#01611b
```
#01611b rgb(1,97,27)
```
#017420
```
#017420 rgb(1,116,32)
```
#018825
```
#018825 rgb(1,136,37)
```
#019b2b
```
#019b2b rgb(1,155,43)
```
#01af30
```
#01af30 rgb(1,175,48)
```
#01c335
```
#01c335 rgb(1,195,53)
```
#01d63b
```
#01d63b rgb(1,214,59)
```
#01ea40
```
#01ea40 rgb(1,234,64)
```
#01fd45
```
#01fd45 rgb(1,253,69)
```

Shade Color Variation

#14fe53
```
#14fe53 rgb(20,254,83)
```
#28fe62
```
#28fe62 rgb(40,254,98)
```
#3bfe70
```
#3bfe70 rgb(59,254,112)
```
#4ffe7e
```
#4ffe7e rgb(79,254,126)
```
#62fe8c
```
#62fe8c rgb(98,254,140)
```
#76fe9b
```
#76fe9b rgb(118,254,155)
```
#89fea9
```
#89fea9 rgb(137,254,169)
```
#9dfeb7
```
#9dfeb7 rgb(157,254,183)
```
#b0ffc6
```
#b0ffc6 rgb(176,255,198)
```
#c4ffd4
```
#c4ffd4 rgb(196,255,212)
```
#d7ffe2
```
#d7ffe2 rgb(215,255,226)
```
#ebfff0
```
#ebfff0 rgb(235,255,240)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#525e55
```
#525e55 rgb(82,94,85)
```
#4b6552
```
#4b6552 rgb(75,101,82)
```
#456b4f
```
#456b4f rgb(69,107,79)
```
#3e724c
```
#3e724c rgb(62,114,76)
```
#377949
```
#377949 rgb(55,121,73)
```
#308046
```
#308046 rgb(48,128,70)
```
#2a8643
```
#2a8643 rgb(42,134,67)
```
#238d40
```
#238d40 rgb(35,141,64)
```
#1c943c
```
#1c943c rgb(28,148,60)
```
#159b39
```
#159b39 rgb(21,155,57)
```
#0fa136
```
#0fa136 rgb(15,161,54)
```
#08a833
```
#08a833 rgb(8,168,51)
```
#01af30
```
#01af30 rgb(1,175,48)
```

Tone Color Variation

Below, you can see how #01af30 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
#577960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9c34 Protanopia 1% of men
#c09548 Deuteranopia 1% of men
#54a7b4 Tritanopia 0.001% of the population

Trichromacy

#6fa333 Protanomaly 1% of men, 0.01% of women
#7a9e3f Deuteranomaly 6% of men, 0.4% of women
#36aa84 Tritanomaly 0.01% of the population

#01af30 hex color

#01af30 Color Information

#01af30 Color Conversion

Color Schemes with #01af30

Alternatives to #01af30

#01af30 Preview

Shades and Tints of #01af30

Tones of #01af30

Color Blindness Simulator