#01afd4 hex color

In a RGB color space, hex #01afd4 is composed of 0.4% red, 68.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 17.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 190.5 degrees, a saturation of 99.1% and a lightness of 41.8%. #01afd4 color hex could be obtained by blending #02ffff with #005fa9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 69
- B 83
RGB color chart
- C 100
- M 17
- Y 0
- K 17
CMYK color chart

● #01afd4 color description : Strong cyan.

The hexadecimal color #01afd4 has RGB values of R:1, G:175, B:212 and CMYK values of C:1, M:0.17, Y:0, K:0.17. Its decimal value is 110548.

Hex triplet	01afd4	`#01afd4`
RGB Decimal	1, 175, 212	`rgb(1,175,212)`
RGB Percent	0.4, 68.6, 83.1	`rgb(0.4%,68.6%,83.1%)`
CMYK	100, 17, 0, 17
HSL	190.5°, 99.1, 41.8	`hsl(190.5,99.1%,41.8%)`
HSV (or HSB)	190.5°, 99.5, 83.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.072, -24.173, -29.186
XYZ	27.223, 35.417, 67.685
xyY	0.209, 0.272, 35.417
CIE-LCH	66.072, 37.897, 230.367
CIE-LUV	66.072, -47.113, -42.748
Hunter-Lab	59.512, -22.495, -25.774
Binary	00000001, 10101111, 11010100

#01afd4
```
#01afd4 rgb(1,175,212)
```
#d42601
```
#d42601 rgb(212,38,1)
```

Complementary Color

#01d490
```
#01d490 rgb(1,212,144)
```
#01afd4
```
#01afd4 rgb(1,175,212)
```
#0146d4
```
#0146d4 rgb(1,70,212)
```

Analogous Color

#d49001
```
#d49001 rgb(212,144,1)
```
#01afd4
```
#01afd4 rgb(1,175,212)
```
#d40146
```
#d40146 rgb(212,1,70)
```

Split Complementary Color

#afd401
```
#afd401 rgb(175,212,1)
```
#01afd4
```
#01afd4 rgb(1,175,212)
```
#d401af
```
#d401af rgb(212,1,175)
```

Triadic Color

#01d426
```
#01d426 rgb(1,212,38)
```
#01afd4
```
#01afd4 rgb(1,175,212)
```
#d401af
```
#d401af rgb(212,1,175)
```
#d42601
```
#d42601 rgb(212,38,1)
```

Tetradic Color

#017088
```
#017088 rgb(1,112,136)
```
#0185a1
```
#0185a1 rgb(1,133,161)
```
#019abb
```
#019abb rgb(1,154,187)
```
#01afd4
```
#01afd4 rgb(1,175,212)
```
#01c4ed
```
#01c4ed rgb(1,196,237)
```
#0ad3fe
```
#0ad3fe rgb(10,211,254)
```
#24d8fe
```
#24d8fe rgb(36,216,254)
```

Monochromatic Color

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

#01d4c4
```
#01d4c4 rgb(1,212,196)
```
#01d2d4
```
#01d2d4 rgb(1,210,212)
```
#01c1d4
```
#01c1d4 rgb(1,193,212)
```
#01afd4
```
#01afd4 rgb(1,175,212)
```
#019dd4
```
#019dd4 rgb(1,157,212)
```
#018cd4
```
#018cd4 rgb(1,140,212)
```
#017ad4
```
#017ad4 rgb(1,122,212)
```

Similar Colors

Text with hexadecimal color #01afd4

This text has a font color of #01afd4.

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

#01afd4 background color

This paragraph has a background color of #01afd4.

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

#01afd4 border color

This element has a border color of #01afd4.

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

CSS codes

.text {color:#01afd4;}

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

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

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, #000e11 is the darkest color, while #fcffff is the lightest one.

#000e11
```
#000e11 rgb(0,14,17)
```
#001e24
```
#001e24 rgb(0,30,36)
```
#002e38
```
#002e38 rgb(0,46,56)
```
#003e4b
```
#003e4b rgb(0,62,75)
```
#004e5f
```
#004e5f rgb(0,78,95)
```
#015e72
```
#015e72 rgb(1,94,114)
```
#016f86
```
#016f86 rgb(1,111,134)
```
#017f99
```
#017f99 rgb(1,127,153)
```
#018fad
```
#018fad rgb(1,143,173)
```
#019fc0
```
#019fc0 rgb(1,159,192)
```
#01afd4
```
#01afd4 rgb(1,175,212)
```
#01bfe8
```
#01bfe8 rgb(1,191,232)
```
#01cffb
```
#01cffb rgb(1,207,251)
```

Shade Color Variation

#12d5fe
```
#12d5fe rgb(18,213,254)
```
#25d8fe
```
#25d8fe rgb(37,216,254)
```
#39dcfe
```
#39dcfe rgb(57,220,254)
```
#4ddffe
```
#4ddffe rgb(77,223,254)
```
#60e3fe
```
#60e3fe rgb(96,227,254)
```
#74e6fe
```
#74e6fe rgb(116,230,254)
```
#87eafe
```
#87eafe rgb(135,234,254)
```
#9bedff
```
#9bedff rgb(155,237,255)
```
#aef1ff
```
#aef1ff rgb(174,241,255)
```
#c2f4ff
```
#c2f4ff rgb(194,244,255)
```
#d5f8ff
```
#d5f8ff rgb(213,248,255)
```
#e9fbff
```
#e9fbff rgb(233,251,255)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#636f72
```
#636f72 rgb(99,111,114)
```
#5b747a
```
#5b747a rgb(91,116,122)
```
#537a82
```
#537a82 rgb(83,122,130)
```
#4b7f8a
```
#4b7f8a rgb(75,127,138)
```
#438492
```
#438492 rgb(67,132,146)
```
#3a8a9b
```
#3a8a9b rgb(58,138,155)
```
#328fa3
```
#328fa3 rgb(50,143,163)
```
#2a94ab
```
#2a94ab rgb(42,148,171)
```
#229ab3
```
#229ab3 rgb(34,154,179)
```
#1a9fbb
```
#1a9fbb rgb(26,159,187)
```
#11a4c4
```
#11a4c4 rgb(17,164,196)
```
#09aacc
```
#09aacc rgb(9,170,204)
```
#01afd4
```
#01afd4 rgb(1,175,212)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#668990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa3cc Protanopia 1% of men
#93a3dc Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#62a7cf Protanomaly 1% of men, 0.01% of women
#5ea7d9 Deuteranomaly 6% of men, 0.4% of women
#00b3c8 Tritanomaly 0.01% of the population

#01afd4 hex color

#01afd4 Color Information

#01afd4 Color Conversion

Color Schemes with #01afd4

Alternatives to #01afd4

#01afd4 Preview

Shades and Tints of #01afd4

Tones of #01afd4

Color Blindness Simulator