colorhexa.com

#01af63 hex color

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

- R 0
- G 69
- B 39
RGB color chart
- C 99
- M 0
- Y 43
- K 31
CMYK color chart

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

The hexadecimal color #01af63 has RGB values of R:1, G:175, B:99 and CMYK values of C:0.99, M:0, Y:0.43, K:0.31. Its decimal value is 110435.

Hex triplet	01af63	`#01af63`
RGB Decimal	1, 175, 99	`rgb(1,175,99)`
RGB Percent	0.4, 68.6, 38.8	`rgb(0.4%,68.6%,38.8%)`
CMYK	99, 0, 43, 31
HSL	153.8°, 98.9, 34.5	`hsl(153.8,98.9%,34.5%)`
HSV (or HSB)	153.8°, 99.4, 68.6
Web Safe	009966	`#009966`

CIE-LAB	62.982, -55.487, 28.547
XYZ	17.593, 31.565, 16.969
xyY	0.266, 0.477, 31.565
CIE-LCH	62.982, 62.399, 152.775
CIE-LUV	62.982, -55.672, 45.712
Hunter-Lab	56.183, -42.424, 21.421
Binary	00000001, 10101111, 01100011

#01af63
```
#01af63 rgb(1,175,99)
```
#af014d
```
#af014d rgb(175,1,77)
```

Complementary Color

#01af0c
```
#01af0c rgb(1,175,12)
```
#01af63
```
#01af63 rgb(1,175,99)
```
#01a4af
```
#01a4af rgb(1,164,175)
```

Analogous Color

#af0c01
```
#af0c01 rgb(175,12,1)
```
#01af63
```
#01af63 rgb(1,175,99)
```
#af01a4
```
#af01a4 rgb(175,1,164)
```

Split Complementary Color

#016338
```
#016338 rgb(1,99,56)
```
#017c46
```
#017c46 rgb(1,124,70)
```
#019655
```
#019655 rgb(1,150,85)
```
#01af63
```
#01af63 rgb(1,175,99)
```
#01c871
```
#01c871 rgb(1,200,113)
```
#01e280
```
#01e280 rgb(1,226,128)
```
#01fb8e
```
#01fb8e rgb(1,251,142)
```

Monochromatic Color

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

#01af38
```
#01af38 rgb(1,175,56)
```
#01af46
```
#01af46 rgb(1,175,70)
```
#01af55
```
#01af55 rgb(1,175,85)
```
#01af63
```
#01af63 rgb(1,175,99)
```
#01af72
```
#01af72 rgb(1,175,114)
```
#01af80
```
#01af80 rgb(1,175,128)
```
#01af8f
```
#01af8f rgb(1,175,143)
```

Similar Colors

Text with hexadecimal color #01af63

This text has a font color of #01af63.

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

#01af63 background color

This paragraph has a background color of #01af63.

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

#01af63 border color

This element has a border color of #01af63.

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

CSS codes

.text {color:#01af63;}

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

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

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

#00130b
```
#00130b rgb(0,19,11)
```
#002616
```
#002616 rgb(0,38,22)
```
#003a21
```
#003a21 rgb(0,58,33)
```
#004d2c
```
#004d2c rgb(0,77,44)
```
#016137
```
#016137 rgb(1,97,55)
```
#017442
```
#017442 rgb(1,116,66)
```
#01884d
```
#01884d rgb(1,136,77)
```
#019b58
```
#019b58 rgb(1,155,88)
```
#01af63
```
#01af63 rgb(1,175,99)
```
#01c36e
```
#01c36e rgb(1,195,110)
```
#01d679
```
#01d679 rgb(1,214,121)
```
#01ea84
```
#01ea84 rgb(1,234,132)
```
#01fd8f
```
#01fd8f rgb(1,253,143)
```

Shade Color Variation

#14fe98
```
#14fe98 rgb(20,254,152)
```
#28fea0
```
#28fea0 rgb(40,254,160)
```
#3bfea9
```
#3bfea9 rgb(59,254,169)
```
#4ffeb2
```
#4ffeb2 rgb(79,254,178)
```
#62feba
```
#62feba rgb(98,254,186)
```
#76fec3
```
#76fec3 rgb(118,254,195)
```
#89fecb
```
#89fecb rgb(137,254,203)
```
#9dfed4
```
#9dfed4 rgb(157,254,212)
```
#b0ffdc
```
#b0ffdc rgb(176,255,220)
```
#c4ffe5
```
#c4ffe5 rgb(196,255,229)
```
#d7ffee
```
#d7ffee rgb(215,255,238)
```
#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 #01af63 is the most saturated one.

#525e59
```
#525e59 rgb(82,94,89)
```
#4b655a
```
#4b655a rgb(75,101,90)
```
#456b5a
```
#456b5a rgb(69,107,90)
```
#3e725b
```
#3e725b rgb(62,114,91)
```
#37795c
```
#37795c rgb(55,121,92)
```
#30805d
```
#30805d rgb(48,128,93)
```
#2a865e
```
#2a865e rgb(42,134,94)
```
#238d5f
```
#238d5f rgb(35,141,95)
```
#1c9460
```
#1c9460 rgb(28,148,96)
```
#159b60
```
#159b60 rgb(21,155,96)
```
#0fa161
```
#0fa161 rgb(15,161,97)
```
#08a862
```
#08a862 rgb(8,168,98)
```
#01af63
```
#01af63 rgb(1,175,99)
```

Tone Color Variation

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

Dichromacy

#ab9d63 Protanopia 1% of men
#b99774 Deuteranopia 1% of men
#4daab6 Tritanopia 0.001% of the population

Trichromacy

#6da463 Protanomaly 1% of men, 0.01% of women
#76a06e Deuteranomaly 6% of men, 0.4% of women
#31ab98 Tritanomaly 0.01% of the population