#01a4fd hex color

In a RGB color space, hex #01a4fd is composed of 0.4% red, 64.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 35.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 201.2 degrees, a saturation of 99.2% and a lightness of 49.8%. #01a4fd color hex could be obtained by blending #02ffff with #0049fb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 64
- B 99
RGB color chart
- C 100
- M 35
- Y 0
- K 1
CMYK color chart

● #01a4fd color description : Vivid blue.

The hexadecimal color #01a4fd has RGB values of R:1, G:164, B:253 and CMYK values of C:1, M:0.35, Y:0, K:0.01. Its decimal value is 107773.

Hex triplet	01a4fd	`#01a4fd`
RGB Decimal	1, 164, 253	`rgb(1,164,253)`
RGB Percent	0.4, 64.3, 99.2	`rgb(0.4%,64.3%,99.2%)`
CMYK	100, 35, 0, 1
HSL	201.2°, 99.2, 49.8	`hsl(201.2,99.2%,49.8%)`
HSV (or HSB)	201.2°, 99.6, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	64.681, -3.539, -53.854
XYZ	31.013, 33.646, 97.783
xyY	0.191, 0.207, 33.646
CIE-LCH	64.681, 53.97, 266.24
CIE-LUV	64.681, -40.536, -86.676
Hunter-Lab	58.005, -6.072, -59.345
Binary	00000001, 10100100, 11111101

#01a4fd
```
#01a4fd rgb(1,164,253)
```
#fd5a01
```
#fd5a01 rgb(253,90,1)
```

Complementary Color

#01fdd8
```
#01fdd8 rgb(1,253,216)
```
#01a4fd
```
#01a4fd rgb(1,164,253)
```
#0126fd
```
#0126fd rgb(1,38,253)
```

Analogous Color

#fdd801
```
#fdd801 rgb(253,216,1)
```
#01a4fd
```
#01a4fd rgb(1,164,253)
```
#fd0126
```
#fd0126 rgb(253,1,38)
```

Split Complementary Color

#a4fd01
```
#a4fd01 rgb(164,253,1)
```
#01a4fd
```
#01a4fd rgb(1,164,253)
```
#fd01a4
```
#fd01a4 rgb(253,1,164)
```

Triadic Color

#01fd5a
```
#01fd5a rgb(1,253,90)
```
#01a4fd
```
#01a4fd rgb(1,164,253)
```
#fd01a4
```
#fd01a4 rgb(253,1,164)
```
#fd5a01
```
#fd5a01 rgb(253,90,1)
```

Tetradic Color

#0173b1
```
#0173b1 rgb(1,115,177)
```
#0183ca
```
#0183ca rgb(1,131,202)
```
#0194e4
```
#0194e4 rgb(1,148,228)
```
#01a4fd
```
#01a4fd rgb(1,164,253)
```
#19adfe
```
#19adfe rgb(25,173,254)
```
#33b6fe
```
#33b6fe rgb(51,182,254)
```
#4cbffe
```
#4cbffe rgb(76,191,254)
```

Monochromatic Color

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

#01e3fd
```
#01e3fd rgb(1,227,253)
```
#01cefd
```
#01cefd rgb(1,206,253)
```
#01b9fd
```
#01b9fd rgb(1,185,253)
```
#01a4fd
```
#01a4fd rgb(1,164,253)
```
#018ffd
```
#018ffd rgb(1,143,253)
```
#017afd
```
#017afd rgb(1,122,253)
```
#0165fd
```
#0165fd rgb(1,101,253)
```

Similar Colors

Text with hexadecimal color #01a4fd

This text has a font color of #01a4fd.

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

#01a4fd background color

This paragraph has a background color of #01a4fd.

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

#01a4fd border color

This element has a border color of #01a4fd.

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

CSS codes

.text {color:#01a4fd;}

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

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

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

#000c13
```
#000c13 rgb(0,12,19)
```
#001926
```
#001926 rgb(0,25,38)
```
#00253a
```
#00253a rgb(0,37,58)
```
#00324d
```
#00324d rgb(0,50,77)
```
#003f61
```
#003f61 rgb(0,63,97)
```
#004b74
```
#004b74 rgb(0,75,116)
```
#015888
```
#015888 rgb(1,88,136)
```
#01659b
```
#01659b rgb(1,101,155)
```
#0171af
```
#0171af rgb(1,113,175)
```
#017ec2
```
#017ec2 rgb(1,126,194)
```
#018bd6
```
#018bd6 rgb(1,139,214)
```
#0197e9
```
#0197e9 rgb(1,151,233)
```
#01a4fd
```
#01a4fd rgb(1,164,253)
```

Shade Color Variation

#14abfe
```
#14abfe rgb(20,171,254)
```
#27b2fe
```
#27b2fe rgb(39,178,254)
```
#3bb9fe
```
#3bb9fe rgb(59,185,254)
```
#4ec0fe
```
#4ec0fe rgb(78,192,254)
```
#62c7fe
```
#62c7fe rgb(98,199,254)
```
#75cefe
```
#75cefe rgb(117,206,254)
```
#89d5ff
```
#89d5ff rgb(137,213,255)
```
#9cdcff
```
#9cdcff rgb(156,220,255)
```
#b0e3ff
```
#b0e3ff rgb(176,227,255)
```
#c3eaff
```
#c3eaff rgb(195,234,255)
```
#d7f1ff
```
#d7f1ff rgb(215,241,255)
```
#eaf8ff
```
#eaf8ff rgb(234,248,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#768288
```
#768288 rgb(118,130,136)
```
#6c8492
```
#6c8492 rgb(108,132,146)
```
#63879b
```
#63879b rgb(99,135,155)
```
#598aa5
```
#598aa5 rgb(89,138,165)
```
#4f8daf
```
#4f8daf rgb(79,141,175)
```
#4590b9
```
#4590b9 rgb(69,144,185)
```
#3c93c2
```
#3c93c2 rgb(60,147,194)
```
#3296cc
```
#3296cc rgb(50,150,204)
```
#2899d6
```
#2899d6 rgb(40,153,214)
```
#1e9be0
```
#1e9be0 rgb(30,155,224)
```
#159ee9
```
#159ee9 rgb(21,158,233)
```
#0ba1f3
```
#0ba1f3 rgb(11,161,243)
```
#01a4fd
```
#01a4fd rgb(1,164,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#648597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e9ff5 Protanopia 1% of men
#5fa2ff Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#51a0f8 Protanomaly 1% of men, 0.01% of women
#3da3fe Deuteranomaly 6% of men, 0.4% of women
#00acd4 Tritanomaly 0.01% of the population

#01a4fd hex color

#01a4fd Color Information

#01a4fd Color Conversion

Color Schemes with #01a4fd

Alternatives to #01a4fd

#01a4fd Preview

Shades and Tints of #01a4fd

Tones of #01a4fd

Color Blindness Simulator