#01afde hex color

In a RGB color space, hex #01afde is composed of 0.4% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 192.8 degrees, a saturation of 99.1% and a lightness of 43.7%. #01afde color hex could be obtained by blending #02ffff with #005fbd. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 69
- B 87
RGB color chart
- C 100
- M 21
- Y 0
- K 13
CMYK color chart

● #01afde color description : Vivid cyan.

The hexadecimal color #01afde has RGB values of R:1, G:175, B:222 and CMYK values of C:1, M:0.21, Y:0, K:0.13. Its decimal value is 110558.

Hex triplet	01afde	`#01afde`
RGB Decimal	1, 175, 222	`rgb(1,175,222)`
RGB Percent	0.4, 68.6, 87.1	`rgb(0.4%,68.6%,87.1%)`
CMYK	100, 21, 0, 13
HSL	192.8°, 99.1, 43.7	`hsl(192.8,99.1%,43.7%)`
HSV (or HSB)	192.8°, 99.5, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.472, -20.729, -34.072
XYZ	28.524, 35.937, 74.536
xyY	0.205, 0.259, 35.937
CIE-LCH	66.472, 39.882, 238.684
CIE-LUV	66.472, -46.347, -51.451
Hunter-Lab	59.948, -19.977, -31.755
Binary	00000001, 10101111, 11011110

#01afde
```
#01afde rgb(1,175,222)
```
#de3001
```
#de3001 rgb(222,48,1)
```

Complementary Color

#01de9f
```
#01de9f rgb(1,222,159)
```
#01afde
```
#01afde rgb(1,175,222)
```
#0141de
```
#0141de rgb(1,65,222)
```

Analogous Color

#de9f01
```
#de9f01 rgb(222,159,1)
```
#01afde
```
#01afde rgb(1,175,222)
```
#de0141
```
#de0141 rgb(222,1,65)
```

Split Complementary Color

#afde01
```
#afde01 rgb(175,222,1)
```
#01afde
```
#01afde rgb(1,175,222)
```
#de01af
```
#de01af rgb(222,1,175)
```

Triadic Color

#01de30
```
#01de30 rgb(1,222,48)
```
#01afde
```
#01afde rgb(1,175,222)
```
#de01af
```
#de01af rgb(222,1,175)
```
#de3001
```
#de3001 rgb(222,48,1)
```

Tetradic Color

#017392
```
#017392 rgb(1,115,146)
```
#0187ab
```
#0187ab rgb(1,135,171)
```
#019bc5
```
#019bc5 rgb(1,155,197)
```
#01afde
```
#01afde rgb(1,175,222)
```
#01c3f7
```
#01c3f7 rgb(1,195,247)
```
#14ccfe
```
#14ccfe rgb(20,204,254)
```
#2dd2fe
```
#2dd2fe rgb(45,210,254)
```

Monochromatic Color

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

#01ded6
```
#01ded6 rgb(1,222,214)
```
#01d4de
```
#01d4de rgb(1,212,222)
```
#01c1de
```
#01c1de rgb(1,193,222)
```
#01afde
```
#01afde rgb(1,175,222)
```
#019dde
```
#019dde rgb(1,157,222)
```
#018ade
```
#018ade rgb(1,138,222)
```
#0178de
```
#0178de rgb(1,120,222)
```

Similar Colors

Text with hexadecimal color #01afde

This text has a font color of #01afde.

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

#01afde background color

This paragraph has a background color of #01afde.

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

#01afde border color

This element has a border color of #01afde.

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

CSS codes

.text {color:#01afde;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#00151b
```
#00151b rgb(0,21,27)
```
#00242e
```
#00242e rgb(0,36,46)
```
#003442
```
#003442 rgb(0,52,66)
```
#004355
```
#004355 rgb(0,67,85)
```
#005369
```
#005369 rgb(0,83,105)
```
#01627c
```
#01627c rgb(1,98,124)
```
#017190
```
#017190 rgb(1,113,144)
```
#0181a3
```
#0181a3 rgb(1,129,163)
```
#0190b7
```
#0190b7 rgb(1,144,183)
```
#01a0ca
```
#01a0ca rgb(1,160,202)
```
#01afde
```
#01afde rgb(1,175,222)
```
#01bef2
```
#01bef2 rgb(1,190,242)
```

Shade Color Variation

#08cafe
```
#08cafe rgb(8,202,254)
```
#1ccefe
```
#1ccefe rgb(28,206,254)
```
#2fd2fe
```
#2fd2fe rgb(47,210,254)
```
#43d6fe
```
#43d6fe rgb(67,214,254)
```
#56dbfe
```
#56dbfe rgb(86,219,254)
```
#6adffe
```
#6adffe rgb(106,223,254)
```
#7ee3fe
```
#7ee3fe rgb(126,227,254)
```
#91e7ff
```
#91e7ff rgb(145,231,255)
```
#a5ebff
```
#a5ebff rgb(165,235,255)
```
#b8f0ff
```
#b8f0ff rgb(184,240,255)
```
#ccf4ff
```
#ccf4ff rgb(204,244,255)
```
#dff8ff
```
#dff8ff rgb(223,248,255)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#687477
```
#687477 rgb(104,116,119)
```
#5f7980
```
#5f7980 rgb(95,121,128)
```
#577e88
```
#577e88 rgb(87,126,136)
```
#4e8391
```
#4e8391 rgb(78,131,145)
```
#468899
```
#468899 rgb(70,136,153)
```
#3d8ca2
```
#3d8ca2 rgb(61,140,162)
```
#3491ab
```
#3491ab rgb(52,145,171)
```
#2c96b3
```
#2c96b3 rgb(44,150,179)
```
#239bbc
```
#239bbc rgb(35,155,188)
```
#1ba0c4
```
#1ba0c4 rgb(27,160,196)
```
#12a5cd
```
#12a5cd rgb(18,165,205)
```
#0aaad5
```
#0aaad5 rgb(10,170,213)
```
#01afde
```
#01afde rgb(1,175,222)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#678993 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a4d5 Protanopia 1% of men
#8da5e5 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#61a8d8 Protanomaly 1% of men, 0.01% of women
#5aa8e2 Deuteranomaly 6% of men, 0.4% of women
#00b3cd Tritanomaly 0.01% of the population

#01afde hex color

#01afde Color Information

#01afde Color Conversion

Color Schemes with #01afde

Alternatives to #01afde

#01afde Preview

Shades and Tints of #01afde

Tones of #01afde

Color Blindness Simulator