#01a1f6 hex color

In a RGB color space, hex #01a1f6 is composed of 0.4% red, 63.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 34.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 200.8 degrees, a saturation of 99.2% and a lightness of 48.4%. #01a1f6 color hex could be obtained by blending #02ffff with #0043ed. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 63
- B 96
RGB color chart
- C 100
- M 35
- Y 0
- K 4
CMYK color chart

● #01a1f6 color description : Vivid blue.

The hexadecimal color #01a1f6 has RGB values of R:1, G:161, B:246 and CMYK values of C:1, M:0.35, Y:0, K:0.04. Its decimal value is 106998.

Hex triplet	01a1f6	`#01a1f6`
RGB Decimal	1, 161, 246	`rgb(1,161,246)`
RGB Percent	0.4, 63.1, 96.5	`rgb(0.4%,63.1%,96.5%)`
CMYK	100, 35, 0, 4
HSL	200.8°, 99.2, 48.4	`hsl(200.8,99.2%,48.4%)`
HSV (or HSB)	200.8°, 99.6, 96.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	63.464, -4.418, -51.96
XYZ	29.388, 32.147, 91.84
xyY	0.192, 0.21, 32.147
CIE-LCH	63.464, 52.147, 265.14
CIE-LUV	63.464, -40.01, -83.131
Hunter-Lab	56.698, -6.703, -56.349
Binary	00000001, 10100001, 11110110

#01a1f6
```
#01a1f6 rgb(1,161,246)
```
#f65601
```
#f65601 rgb(246,86,1)
```

Complementary Color

#01f6d1
```
#01f6d1 rgb(1,246,209)
```
#01a1f6
```
#01a1f6 rgb(1,161,246)
```
#0127f6
```
#0127f6 rgb(1,39,246)
```

Analogous Color

#f6d101
```
#f6d101 rgb(246,209,1)
```
#01a1f6
```
#01a1f6 rgb(1,161,246)
```
#f60127
```
#f60127 rgb(246,1,39)
```

Split Complementary Color

#a1f601
```
#a1f601 rgb(161,246,1)
```
#01a1f6
```
#01a1f6 rgb(1,161,246)
```
#f601a1
```
#f601a1 rgb(246,1,161)
```

Triadic Color

#01f656
```
#01f656 rgb(1,246,86)
```
#01a1f6
```
#01a1f6 rgb(1,161,246)
```
#f601a1
```
#f601a1 rgb(246,1,161)
```
#f65601
```
#f65601 rgb(246,86,1)
```

Tetradic Color

#016faa
```
#016faa rgb(1,111,170)
```
#0180c3
```
#0180c3 rgb(1,128,195)
```
#0190dd
```
#0190dd rgb(1,144,221)
```
#01a1f6
```
#01a1f6 rgb(1,161,246)
```
#12acfe
```
#12acfe rgb(18,172,254)
```
#2cb5fe
```
#2cb5fe rgb(44,181,254)
```
#45befe
```
#45befe rgb(69,190,254)
```

Monochromatic Color

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

#01def6
```
#01def6 rgb(1,222,246)
```
#01caf6
```
#01caf6 rgb(1,202,246)
```
#01b5f6
```
#01b5f6 rgb(1,181,246)
```
#01a1f6
```
#01a1f6 rgb(1,161,246)
```
#018df6
```
#018df6 rgb(1,141,246)
```
#0178f6
```
#0178f6 rgb(1,120,246)
```
#0164f6
```
#0164f6 rgb(1,100,246)
```

Similar Colors

Text with hexadecimal color #01a1f6

This text has a font color of #01a1f6.

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

#01a1f6 background color

This paragraph has a background color of #01a1f6.

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

#01a1f6 border color

This element has a border color of #01a1f6.

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

CSS codes

.text {color:#01a1f6;}

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

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

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, #00080c is the darkest color, while #f7fcff is the lightest one.

#00080c
```
#00080c rgb(0,8,12)
```
#00141f
```
#00141f rgb(0,20,31)
```
#002133
```
#002133 rgb(0,33,51)
```
#002e46
```
#002e46 rgb(0,46,70)
```
#003b5a
```
#003b5a rgb(0,59,90)
```
#00476d
```
#00476d rgb(0,71,109)
```
#015481
```
#015481 rgb(1,84,129)
```
#016194
```
#016194 rgb(1,97,148)
```
#016ea8
```
#016ea8 rgb(1,110,168)
```
#017bbb
```
#017bbb rgb(1,123,187)
```
#0187cf
```
#0187cf rgb(1,135,207)
```
#0194e2
```
#0194e2 rgb(1,148,226)
```
#01a1f6
```
#01a1f6 rgb(1,161,246)
```

Shade Color Variation

#0daafe
```
#0daafe rgb(13,170,254)
```
#20b1fe
```
#20b1fe rgb(32,177,254)
```
#34b8fe
```
#34b8fe rgb(52,184,254)
```
#47bffe
```
#47bffe rgb(71,191,254)
```
#5bc6fe
```
#5bc6fe rgb(91,198,254)
```
#6eccfe
```
#6eccfe rgb(110,204,254)
```
#82d3fe
```
#82d3fe rgb(130,211,254)
```
#95daff
```
#95daff rgb(149,218,255)
```
#a9e1ff
```
#a9e1ff rgb(169,225,255)
```
#bce8ff
```
#bce8ff rgb(188,232,255)
```
#d0efff
```
#d0efff rgb(208,239,255)
```
#e3f5ff
```
#e3f5ff rgb(227,245,255)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#737e84
```
#737e84 rgb(115,126,132)
```
#6a818e
```
#6a818e rgb(106,129,142)
```
#608497
```
#608497 rgb(96,132,151)
```
#5787a1
```
#5787a1 rgb(87,135,161)
```
#4d8aaa
```
#4d8aaa rgb(77,138,170)
```
#448db4
```
#448db4 rgb(68,141,180)
```
#3a90bd
```
#3a90bd rgb(58,144,189)
```
#3192c7
```
#3192c7 rgb(49,146,199)
```
#2795d0
```
#2795d0 rgb(39,149,208)
```
#1e98da
```
#1e98da rgb(30,152,218)
```
#149be3
```
#149be3 rgb(20,155,227)
```
#0b9eed
```
#0b9eed rgb(11,158,237)
```
#01a1f6
```
#01a1f6 rgb(1,161,246)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#638394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d9cee Protanopia 1% of men
#5f9ff9 Deuteranopia 1% of men
#00aeb9 Tritanopia 0.001% of the population

Trichromacy

#509df1 Protanomaly 1% of men, 0.01% of women
#3da0f7 Deuteranomaly 6% of men, 0.4% of women
#00a9cf Tritanomaly 0.01% of the population

#01a1f6 hex color

#01a1f6 Color Information

#01a1f6 Color Conversion

Color Schemes with #01a1f6

Alternatives to #01a1f6

#01a1f6 Preview

Shades and Tints of #01a1f6

Tones of #01a1f6

Color Blindness Simulator