#01a0f6 hex color

In a RGB color space, hex #01a0f6 is composed of 0.4% red, 62.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 35% magenta, 0% yellow and 3.5% black. It has a hue angle of 201.1 degrees, a saturation of 99.2% and a lightness of 48.4%. #01a0f6 color hex could be obtained by blending #02ffff with #0041ed. 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

● #01a0f6 color description : Vivid blue.

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

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

CIE-LAB	63.176, -3.846, -52.416
XYZ	29.214, 31.799, 91.782
xyY	0.191, 0.208, 31.799
CIE-LCH	63.176, 52.557, 265.804
CIE-LUV	63.176, -39.686, -83.895
Hunter-Lab	56.391, -6.21, -57.027
Binary	00000001, 10100000, 11110110

#01a0f6
```
#01a0f6 rgb(1,160,246)
```
#f65701
```
#f65701 rgb(246,87,1)
```

Complementary Color

#01f6d2
```
#01f6d2 rgb(1,246,210)
```
#01a0f6
```
#01a0f6 rgb(1,160,246)
```
#0126f6
```
#0126f6 rgb(1,38,246)
```

Analogous Color

#f6d201
```
#f6d201 rgb(246,210,1)
```
#01a0f6
```
#01a0f6 rgb(1,160,246)
```
#f60126
```
#f60126 rgb(246,1,38)
```

Split Complementary Color

#a0f601
```
#a0f601 rgb(160,246,1)
```
#01a0f6
```
#01a0f6 rgb(1,160,246)
```
#f601a0
```
#f601a0 rgb(246,1,160)
```

Triadic Color

#01f657
```
#01f657 rgb(1,246,87)
```
#01a0f6
```
#01a0f6 rgb(1,160,246)
```
#f601a0
```
#f601a0 rgb(246,1,160)
```
#f65701
```
#f65701 rgb(246,87,1)
```

Tetradic Color

#016eaa
```
#016eaa rgb(1,110,170)
```
#017fc3
```
#017fc3 rgb(1,127,195)
```
#018fdd
```
#018fdd rgb(1,143,221)
```
#01a0f6
```
#01a0f6 rgb(1,160,246)
```
#12abfe
```
#12abfe rgb(18,171,254)
```
#2cb4fe
```
#2cb4fe rgb(44,180,254)
```
#45bdfe
```
#45bdfe rgb(69,189,254)
```

Monochromatic Color

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

#01ddf6
```
#01ddf6 rgb(1,221,246)
```
#01c9f6
```
#01c9f6 rgb(1,201,246)
```
#01b4f6
```
#01b4f6 rgb(1,180,246)
```
#01a0f6
```
#01a0f6 rgb(1,160,246)
```
#018cf6
```
#018cf6 rgb(1,140,246)
```
#0177f6
```
#0177f6 rgb(1,119,246)
```
#0163f6
```
#0163f6 rgb(1,99,246)
```

Similar Colors

Text with hexadecimal color #01a0f6

This text has a font color of #01a0f6.

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

#01a0f6 background color

This paragraph has a background color of #01a0f6.

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

#01a0f6 border color

This element has a border color of #01a0f6.

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

CSS codes

.text {color:#01a0f6;}

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

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

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)
```
#003a5a
```
#003a5a rgb(0,58,90)
```
#00476d
```
#00476d rgb(0,71,109)
```
#015481
```
#015481 rgb(1,84,129)
```
#016094
```
#016094 rgb(1,96,148)
```
#016da8
```
#016da8 rgb(1,109,168)
```
#017abb
```
#017abb rgb(1,122,187)
```
#0187cf
```
#0187cf rgb(1,135,207)
```
#0193e2
```
#0193e2 rgb(1,147,226)
```
#01a0f6
```
#01a0f6 rgb(1,160,246)
```

Shade Color Variation

#0da9fe
```
#0da9fe rgb(13,169,254)
```
#20b0fe
```
#20b0fe rgb(32,176,254)
```
#34b7fe
```
#34b7fe rgb(52,183,254)
```
#47befe
```
#47befe rgb(71,190,254)
```
#5bc5fe
```
#5bc5fe rgb(91,197,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)
```
#bce7ff
```
#bce7ff rgb(188,231,255)
```
#d0eeff
```
#d0eeff rgb(208,238,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 #01a0f6 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)
```
#4d89aa
```
#4d89aa rgb(77,137,170)
```
#448cb4
```
#448cb4 rgb(68,140,180)
```
#3a8fbd
```
#3a8fbd rgb(58,143,189)
```
#3192c7
```
#3192c7 rgb(49,146,199)
```
#2795d0
```
#2795d0 rgb(39,149,208)
```
#1e98da
```
#1e98da rgb(30,152,218)
```
#149ae3
```
#149ae3 rgb(20,154,227)
```
#0b9ded
```
#0b9ded rgb(11,157,237)
```
#01a0f6
```
#01a0f6 rgb(1,160,246)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#628293 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c9bef Protanopia 1% of men
#5d9ff9 Deuteranopia 1% of men
#00adb8 Tritanopia 0.001% of the population

Trichromacy

#4f9df1 Protanomaly 1% of men, 0.01% of women
#3b9ff7 Deuteranomaly 6% of men, 0.4% of women
#00a8ce Tritanomaly 0.01% of the population

#01a0f6 hex color

#01a0f6 Color Information

#01a0f6 Color Conversion

Color Schemes with #01a0f6

Alternatives to #01a0f6

#01a0f6 Preview

Shades and Tints of #01a0f6

Tones of #01a0f6

Color Blindness Simulator