#01a2d4 hex color

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

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

● #01a2d4 color description : Strong cyan.

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

Hex triplet	01a2d4	`#01a2d4`
RGB Decimal	1, 162, 212	`rgb(1,162,212)`
RGB Percent	0.4, 63.5, 83.1	`rgb(0.4%,63.5%,83.1%)`
CMYK	100, 24, 0, 17
HSL	194.2°, 99.1, 41.8	`hsl(194.2,99.1%,41.8%)`
HSV (or HSB)	194.2°, 99.5, 83.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.167, -17.366, -35.241
XYZ	24.813, 30.598, 66.882
xyY	0.203, 0.25, 30.598
CIE-LCH	62.167, 39.288, 243.767
CIE-LUV	62.167, -42.69, -53.325
Hunter-Lab	55.316, -16.731, -32.967
Binary	00000001, 10100010, 11010100

#01a2d4
```
#01a2d4 rgb(1,162,212)
```
#d43301
```
#d43301 rgb(212,51,1)
```

Complementary Color

#01d49d
```
#01d49d rgb(1,212,157)
```
#01a2d4
```
#01a2d4 rgb(1,162,212)
```
#0139d4
```
#0139d4 rgb(1,57,212)
```

Analogous Color

#d49d01
```
#d49d01 rgb(212,157,1)
```
#01a2d4
```
#01a2d4 rgb(1,162,212)
```
#d40138
```
#d40138 rgb(212,1,56)
```

Split Complementary Color

#a2d401
```
#a2d401 rgb(162,212,1)
```
#01a2d4
```
#01a2d4 rgb(1,162,212)
```
#d401a2
```
#d401a2 rgb(212,1,162)
```

Triadic Color

#01d433
```
#01d433 rgb(1,212,51)
```
#01a2d4
```
#01a2d4 rgb(1,162,212)
```
#d401a2
```
#d401a2 rgb(212,1,162)
```
#d43301
```
#d43301 rgb(212,51,1)
```

Tetradic Color

#016888
```
#016888 rgb(1,104,136)
```
#017ba1
```
#017ba1 rgb(1,123,161)
```
#018fbb
```
#018fbb rgb(1,143,187)
```
#01a2d4
```
#01a2d4 rgb(1,162,212)
```
#01b5ed
```
#01b5ed rgb(1,181,237)
```
#0ac4fe
```
#0ac4fe rgb(10,196,254)
```
#24cafe
```
#24cafe rgb(36,202,254)
```

Monochromatic Color

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

#01d4d1
```
#01d4d1 rgb(1,212,209)
```
#01c5d4
```
#01c5d4 rgb(1,197,212)
```
#01b4d4
```
#01b4d4 rgb(1,180,212)
```
#01a2d4
```
#01a2d4 rgb(1,162,212)
```
#0190d4
```
#0190d4 rgb(1,144,212)
```
#017fd4
```
#017fd4 rgb(1,127,212)
```
#016dd4
```
#016dd4 rgb(1,109,212)
```

Similar Colors

Text with hexadecimal color #01a2d4

This text has a font color of #01a2d4.

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

#01a2d4 background color

This paragraph has a background color of #01a2d4.

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

#01a2d4 border color

This element has a border color of #01a2d4.

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

CSS codes

.text {color:#01a2d4;}

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

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

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

#000d11
```
#000d11 rgb(0,13,17)
```
#001c24
```
#001c24 rgb(0,28,36)
```
#002b38
```
#002b38 rgb(0,43,56)
```
#003a4b
```
#003a4b rgb(0,58,75)
```
#00485f
```
#00485f rgb(0,72,95)
```
#015772
```
#015772 rgb(1,87,114)
```
#016686
```
#016686 rgb(1,102,134)
```
#017599
```
#017599 rgb(1,117,153)
```
#0184ad
```
#0184ad rgb(1,132,173)
```
#0193c0
```
#0193c0 rgb(1,147,192)
```
#01a2d4
```
#01a2d4 rgb(1,162,212)
```
#01b1e8
```
#01b1e8 rgb(1,177,232)
```
#01c0fb
```
#01c0fb rgb(1,192,251)
```

Shade Color Variation

#12c6fe
```
#12c6fe rgb(18,198,254)
```
#25cbfe
```
#25cbfe rgb(37,203,254)
```
#39cffe
```
#39cffe rgb(57,207,254)
```
#4dd4fe
```
#4dd4fe rgb(77,212,254)
```
#60d9fe
```
#60d9fe rgb(96,217,254)
```
#74ddfe
```
#74ddfe rgb(116,221,254)
```
#87e2fe
```
#87e2fe rgb(135,226,254)
```
#9be7ff
```
#9be7ff rgb(155,231,255)
```
#aeecff
```
#aeecff rgb(174,236,255)
```
#c2f0ff
```
#c2f0ff rgb(194,240,255)
```
#d5f5ff
```
#d5f5ff rgb(213,245,255)
```
#e9faff
```
#e9faff rgb(233,250,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#636e72
```
#636e72 rgb(99,110,114)
```
#5b737a
```
#5b737a rgb(91,115,122)
```
#537782
```
#537782 rgb(83,119,130)
```
#4b7b8a
```
#4b7b8a rgb(75,123,138)
```
#438092
```
#438092 rgb(67,128,146)
```
#3a849b
```
#3a849b rgb(58,132,155)
```
#3288a3
```
#3288a3 rgb(50,136,163)
```
#2a8cab
```
#2a8cab rgb(42,140,171)
```
#2291b3
```
#2291b3 rgb(34,145,179)
```
#1a95bb
```
#1a95bb rgb(26,149,187)
```
#1199c4
```
#1199c4 rgb(17,153,196)
```
#099ecc
```
#099ecc rgb(9,158,204)
```
#01a2d4
```
#01a2d4 rgb(1,162,212)
```

Tone Color Variation

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

Dichromacy

#8b99cd Protanopia 1% of men
#7f9adb Deuteranopia 1% of men
#00aab6 Tritanopia 0.001% of the population

Trichromacy

#599ccf Protanomaly 1% of men, 0.01% of women
#519dd8 Deuteranomaly 6% of men, 0.4% of women
#00a7c1 Tritanomaly 0.01% of the population

#01a2d4 hex color

#01a2d4 Color Information

#01a2d4 Color Conversion

Color Schemes with #01a2d4

Alternatives to #01a2d4

#01a2d4 Preview

Shades and Tints of #01a2d4

Tones of #01a2d4

Color Blindness Simulator