colorhexa.com

#01af96 hex color

In a RGB color space, hex #01af96 is composed of 0.4% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 99.4% cyan, 0% magenta, 14.3% yellow and 31.4% black. It has a hue angle of 171.4 degrees, a saturation of 98.9% and a lightness of 34.5%. #01af96 color hex could be obtained by blending #02ffff with #005f2d. Closest websafe color is: #009999.

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

● #01af96 color description : Dark cyan.

The hexadecimal color #01af96 has RGB values of R:1, G:175, B:150 and CMYK values of C:0.99, M:0, Y:0.14, K:0.31. Its decimal value is 110486.

Hex triplet	01af96	`#01af96`
RGB Decimal	1, 175, 150	`rgb(1,175,150)`
RGB Percent	0.4, 68.6, 58.8	`rgb(0.4%,68.6%,58.8%)`
CMYK	99, 0, 14, 31
HSL	171.4°, 98.9, 34.5	`hsl(171.4,98.9%,34.5%)`
HSV (or HSB)	171.4°, 99.4, 68.6
Web Safe	009999	`#009999`

CIE-LAB	64.052, -43.525, 2.205
XYZ	20.846, 32.866, 34.098
xyY	0.237, 0.374, 32.866
CIE-LCH	64.052, 43.581, 177.1
CIE-LUV	64.052, -52.049, 9.783
Hunter-Lab	57.329, -35.421, 4.866
Binary	00000001, 10101111, 10010110

#01af96
```
#01af96 rgb(1,175,150)
```
#af011a
```
#af011a rgb(175,1,26)
```

Complementary Color

#01af3f
```
#01af3f rgb(1,175,63)
```
#01af96
```
#01af96 rgb(1,175,150)
```
#0171af
```
#0171af rgb(1,113,175)
```

Analogous Color

#af3f01
```
#af3f01 rgb(175,63,1)
```
#01af96
```
#01af96 rgb(1,175,150)
```
#af0171
```
#af0171 rgb(175,1,113)
```

Split Complementary Color

#af9601
```
#af9601 rgb(175,150,1)
```
#01af96
```
#01af96 rgb(1,175,150)
```
#9601af
```
#9601af rgb(150,1,175)
```

Triadic Color

#016355
```
#016355 rgb(1,99,85)
```
#017c6b
```
#017c6b rgb(1,124,107)
```
#019680
```
#019680 rgb(1,150,128)
```
#01af96
```
#01af96 rgb(1,175,150)
```
#01c8ac
```
#01c8ac rgb(1,200,172)
```
#01e2c1
```
#01e2c1 rgb(1,226,193)
```
#01fbd7
```
#01fbd7 rgb(1,251,215)
```

Monochromatic Color

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

#01af6b
```
#01af6b rgb(1,175,107)
```
#01af79
```
#01af79 rgb(1,175,121)
```
#01af88
```
#01af88 rgb(1,175,136)
```
#01af96
```
#01af96 rgb(1,175,150)
```
#01afa5
```
#01afa5 rgb(1,175,165)
```
#01abaf
```
#01abaf rgb(1,171,175)
```
#019daf
```
#019daf rgb(1,157,175)
```

Similar Colors

Text with hexadecimal color #01af96

This text has a font color of #01af96.

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

#01af96 background color

This paragraph has a background color of #01af96.

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

#01af96 border color

This element has a border color of #01af96.

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

CSS codes

.text {color:#01af96;}

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

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

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

#001310
```
#001310 rgb(0,19,16)
```
#002621
```
#002621 rgb(0,38,33)
```
#003a32
```
#003a32 rgb(0,58,50)
```
#004d42
```
#004d42 rgb(0,77,66)
```
#016153
```
#016153 rgb(1,97,83)
```
#017464
```
#017464 rgb(1,116,100)
```
#018875
```
#018875 rgb(1,136,117)
```
#019b85
```
#019b85 rgb(1,155,133)
```
#01af96
```
#01af96 rgb(1,175,150)
```
#01c3a7
```
#01c3a7 rgb(1,195,167)
```
#01d6b7
```
#01d6b7 rgb(1,214,183)
```
#01eac8
```
#01eac8 rgb(1,234,200)
```
#01fdd9
```
#01fdd9 rgb(1,253,217)
```

Shade Color Variation

#14fedc
```
#14fedc rgb(20,254,220)
```
#28fedf
```
#28fedf rgb(40,254,223)
```
#3bfee2
```
#3bfee2 rgb(59,254,226)
```
#4ffee5
```
#4ffee5 rgb(79,254,229)
```
#62fee8
```
#62fee8 rgb(98,254,232)
```
#76feeb
```
#76feeb rgb(118,254,235)
```
#89feee
```
#89feee rgb(137,254,238)
```
#9dfef0
```
#9dfef0 rgb(157,254,240)
```
#b0fff3
```
#b0fff3 rgb(176,255,243)
```
#c4fff6
```
#c4fff6 rgb(196,255,246)
```
#d7fff9
```
#d7fff9 rgb(215,255,249)
```
#ebfffc
```
#ebfffc rgb(235,255,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#525e5c
```
#525e5c rgb(82,94,92)
```
#4b6561
```
#4b6561 rgb(75,101,97)
```
#456b66
```
#456b66 rgb(69,107,102)
```
#3e726b
```
#3e726b rgb(62,114,107)
```
#37796f
```
#37796f rgb(55,121,111)
```
#308074
```
#308074 rgb(48,128,116)
```
#2a8679
```
#2a8679 rgb(42,134,121)
```
#238d7e
```
#238d7e rgb(35,141,126)
```
#1c9483
```
#1c9483 rgb(28,148,131)
```
#159b88
```
#159b88 rgb(21,155,136)
```
#0fa18c
```
#0fa18c rgb(15,161,140)
```
#08a891
```
#08a891 rgb(8,168,145)
```
#01af96
```
#01af96 rgb(1,175,150)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#60837e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69f91 Protanopia 1% of men
#ad9ba3 Deuteranopia 1% of men
#3baebb Tritanopia 0.001% of the population

Trichromacy

#6aa593 Protanomaly 1% of men, 0.01% of women
#6ea29e Deuteranomaly 6% of men, 0.4% of women
#26aead Tritanomaly 0.01% of the population