#01a2de hex color

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

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

● #01a2de color description : Vivid blue.

The hexadecimal color #01a2de has RGB values of R:1, G:162, B:222 and CMYK values of C:1, M:0.27, Y:0, K:0.13. Its decimal value is 107230.

Hex triplet	01a2de	`#01a2de`
RGB Decimal	1, 162, 222	`rgb(1,162,222)`
RGB Percent	0.4, 63.5, 87.1	`rgb(0.4%,63.5%,87.1%)`
CMYK	100, 27, 0, 13
HSL	196.3°, 99.1, 43.7	`hsl(196.3,99.1%,43.7%)`
HSV (or HSB)	196.3°, 99.5, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.608, -13.776, -40.099
XYZ	26.114, 31.118, 73.733
xyY	0.199, 0.238, 31.118
CIE-LCH	62.608, 42.4, 251.04
CIE-LUV	62.608, -41.965, -61.968
Hunter-Lab	55.784, -14.06, -39.319
Binary	00000001, 10100010, 11011110

#01a2de
```
#01a2de rgb(1,162,222)
```
#de3d01
```
#de3d01 rgb(222,61,1)
```

Complementary Color

#01deac
```
#01deac rgb(1,222,172)
```
#01a2de
```
#01a2de rgb(1,162,222)
```
#0134de
```
#0134de rgb(1,52,222)
```

Analogous Color

#deac01
```
#deac01 rgb(222,172,1)
```
#01a2de
```
#01a2de rgb(1,162,222)
```
#de0134
```
#de0134 rgb(222,1,52)
```

Split Complementary Color

#a2de01
```
#a2de01 rgb(162,222,1)
```
#01a2de
```
#01a2de rgb(1,162,222)
```
#de01a2
```
#de01a2 rgb(222,1,162)
```

Triadic Color

#01de3d
```
#01de3d rgb(1,222,61)
```
#01a2de
```
#01a2de rgb(1,162,222)
```
#de01a2
```
#de01a2 rgb(222,1,162)
```
#de3d01
```
#de3d01 rgb(222,61,1)
```

Tetradic Color

#016a92
```
#016a92 rgb(1,106,146)
```
#017dab
```
#017dab rgb(1,125,171)
```
#018fc5
```
#018fc5 rgb(1,143,197)
```
#01a2de
```
#01a2de rgb(1,162,222)
```
#01b5f7
```
#01b5f7 rgb(1,181,247)
```
#14befe
```
#14befe rgb(20,190,254)
```
#2dc5fe
```
#2dc5fe rgb(45,197,254)
```

Monochromatic Color

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

#01d9de
```
#01d9de rgb(1,217,222)
```
#01c7de
```
#01c7de rgb(1,199,222)
```
#01b4de
```
#01b4de rgb(1,180,222)
```
#01a2de
```
#01a2de rgb(1,162,222)
```
#0190de
```
#0190de rgb(1,144,222)
```
#017dde
```
#017dde rgb(1,125,222)
```
#016bde
```
#016bde rgb(1,107,222)
```

Similar Colors

Text with hexadecimal color #01a2de

This text has a font color of #01a2de.

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

#01a2de background color

This paragraph has a background color of #01a2de.

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

#01a2de border color

This element has a border color of #01a2de.

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

CSS codes

.text {color:#01a2de;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#00141b
```
#00141b rgb(0,20,27)
```
#00222e
```
#00222e rgb(0,34,46)
```
#003042
```
#003042 rgb(0,48,66)
```
#003e55
```
#003e55 rgb(0,62,85)
```
#004d69
```
#004d69 rgb(0,77,105)
```
#015b7c
```
#015b7c rgb(1,91,124)
```
#016990
```
#016990 rgb(1,105,144)
```
#0177a3
```
#0177a3 rgb(1,119,163)
```
#0186b7
```
#0186b7 rgb(1,134,183)
```
#0194ca
```
#0194ca rgb(1,148,202)
```
#01a2de
```
#01a2de rgb(1,162,222)
```
#01b0f2
```
#01b0f2 rgb(1,176,242)
```

Shade Color Variation

#08bbfe
```
#08bbfe rgb(8,187,254)
```
#1cc1fe
```
#1cc1fe rgb(28,193,254)
```
#2fc6fe
```
#2fc6fe rgb(47,198,254)
```
#43cbfe
```
#43cbfe rgb(67,203,254)
```
#56d1fe
```
#56d1fe rgb(86,209,254)
```
#6ad6fe
```
#6ad6fe rgb(106,214,254)
```
#7edbfe
```
#7edbfe rgb(126,219,254)
```
#91e1ff
```
#91e1ff rgb(145,225,255)
```
#a5e6ff
```
#a5e6ff rgb(165,230,255)
```
#b8ecff
```
#b8ecff rgb(184,236,255)
```
#ccf1ff
```
#ccf1ff rgb(204,241,255)
```
#dff6ff
```
#dff6ff rgb(223,246,255)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#687377
```
#687377 rgb(104,115,119)
```
#5f7780
```
#5f7780 rgb(95,119,128)
```
#577b88
```
#577b88 rgb(87,123,136)
```
#4e7f91
```
#4e7f91 rgb(78,127,145)
```
#468399
```
#468399 rgb(70,131,153)
```
#3d87a2
```
#3d87a2 rgb(61,135,162)
```
#348aab
```
#348aab rgb(52,138,171)
```
#2c8eb3
```
#2c8eb3 rgb(44,142,179)
```
#2392bc
```
#2392bc rgb(35,146,188)
```
#1b96c4
```
#1b96c4 rgb(27,150,196)
```
#129acd
```
#129acd rgb(18,154,205)
```
#0a9ed5
```
#0a9ed5 rgb(10,158,213)
```
#01a2de
```
#01a2de rgb(1,162,222)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#61818d Atypical Achromatopsia 0.001% of the population

Dichromacy

#889ad6 Protanopia 1% of men
#789ce4 Deuteranopia 1% of men
#00acb7 Tritanopia 0.001% of the population

Trichromacy

#579dd9 Protanomaly 1% of men, 0.01% of women
#4c9ee1 Deuteranomaly 6% of men, 0.4% of women
#00a8c5 Tritanomaly 0.01% of the population

#01a2de hex color

#01a2de Color Information

#01a2de Color Conversion

Color Schemes with #01a2de

Alternatives to #01a2de

#01a2de Preview

Shades and Tints of #01a2de

Tones of #01a2de

Color Blindness Simulator