#01affe hex color

In a RGB color space, hex #01affe is composed of 0.4% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 198.7 degrees, a saturation of 99.2% and a lightness of 50%. #01affe color hex could be obtained by blending #02ffff with #005ffd. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 69
- B 100
RGB color chart
- C 100
- M 31
- Y 0
- K 0
CMYK color chart

● #01affe color description : Vivid blue.

The hexadecimal color #01affe has RGB values of R:1, G:175, B:254 and CMYK values of C:1, M:0.31, Y:0, K:0. Its decimal value is 110590.

Hex triplet	01affe	`#01affe`
RGB Decimal	1, 175, 254	`rgb(1,175,254)`
RGB Percent	0.4, 68.6, 99.6	`rgb(0.4%,68.6%,99.6%)`
CMYK	100, 31, 0, 0
HSL	198.7°, 99.2, 50	`hsl(198.7,99.2%,50%)`
HSV (or HSB)	198.7°, 99.6, 99.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.887, -9.355, -49.325
XYZ	33.227, 37.819, 99.309
xyY	0.195, 0.222, 37.819
CIE-LCH	67.887, 50.204, 259.261
CIE-LUV	67.887, -44.043, -78.977
Hunter-Lab	61.497, -11.175, -52.697
Binary	00000001, 10101111, 11111110

#01affe
```
#01affe rgb(1,175,254)
```
#fe5001
```
#fe5001 rgb(254,80,1)
```

Complementary Color

#01fecf
```
#01fecf rgb(1,254,207)
```
#01affe
```
#01affe rgb(1,175,254)
```
#0130fe
```
#0130fe rgb(1,48,254)
```

Analogous Color

#fecf01
```
#fecf01 rgb(254,207,1)
```
#01affe
```
#01affe rgb(1,175,254)
```
#fe0130
```
#fe0130 rgb(254,1,48)
```

Split Complementary Color

#affe01
```
#affe01 rgb(175,254,1)
```
#01affe
```
#01affe rgb(1,175,254)
```
#fe01af
```
#fe01af rgb(254,1,175)
```

Triadic Color

#01fe50
```
#01fe50 rgb(1,254,80)
```
#01affe
```
#01affe rgb(1,175,254)
```
#fe01af
```
#fe01af rgb(254,1,175)
```
#fe5001
```
#fe5001 rgb(254,80,1)
```

Tetradic Color

#017bb2
```
#017bb2 rgb(1,123,178)
```
#018ccb
```
#018ccb rgb(1,140,203)
```
#019ee5
```
#019ee5 rgb(1,158,229)
```
#01affe
```
#01affe rgb(1,175,254)
```
#1ab7fe
```
#1ab7fe rgb(26,183,254)
```
#34bffe
```
#34bffe rgb(52,191,254)
```
#4dc7fe
```
#4dc7fe rgb(77,199,254)
```

Monochromatic Color

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

#01eefe
```
#01eefe rgb(1,238,254)
```
#01d9fe
```
#01d9fe rgb(1,217,254)
```
#01c4fe
```
#01c4fe rgb(1,196,254)
```
#01affe
```
#01affe rgb(1,175,254)
```
#019afe
```
#019afe rgb(1,154,254)
```
#0185fe
```
#0185fe rgb(1,133,254)
```
#0170fe
```
#0170fe rgb(1,112,254)
```

Similar Colors

Text with hexadecimal color #01affe

This text has a font color of #01affe.

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

#01affe background color

This paragraph has a background color of #01affe.

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

#01affe border color

This element has a border color of #01affe.

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

CSS codes

.text {color:#01affe;}

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

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

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

#000d14
```
#000d14 rgb(0,13,20)
```
#001b27
```
#001b27 rgb(0,27,39)
```
#00283b
```
#00283b rgb(0,40,59)
```
#00364e
```
#00364e rgb(0,54,78)
```
#004362
```
#004362 rgb(0,67,98)
```
#005175
```
#005175 rgb(0,81,117)
```
#015e89
```
#015e89 rgb(1,94,137)
```
#016c9c
```
#016c9c rgb(1,108,156)
```
#0179b0
```
#0179b0 rgb(1,121,176)
```
#0187c3
```
#0187c3 rgb(1,135,195)
```
#0194d7
```
#0194d7 rgb(1,148,215)
```
#01a2ea
```
#01a2ea rgb(1,162,234)
```
#01affe
```
#01affe rgb(1,175,254)
```

Shade Color Variation

#15b5fe
```
#15b5fe rgb(21,181,254)
```
#28bbfe
```
#28bbfe rgb(40,187,254)
```
#3cc1fe
```
#3cc1fe rgb(60,193,254)
```
#4fc8fe
```
#4fc8fe rgb(79,200,254)
```
#63cefe
```
#63cefe rgb(99,206,254)
```
#76d4fe
```
#76d4fe rgb(118,212,254)
```
#8adaff
```
#8adaff rgb(138,218,255)
```
#9de0ff
```
#9de0ff rgb(157,224,255)
```
#b1e6ff
```
#b1e6ff rgb(177,230,255)
```
#c4edff
```
#c4edff rgb(196,237,255)
```
#d8f3ff
```
#d8f3ff rgb(216,243,255)
```
#ebf9ff
```
#ebf9ff rgb(235,249,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#778388
```
#778388 rgb(119,131,136)
```
#6d8692
```
#6d8692 rgb(109,134,146)
```
#638a9c
```
#638a9c rgb(99,138,156)
```
#598ea6
```
#598ea6 rgb(89,142,166)
```
#4f92b0
```
#4f92b0 rgb(79,146,176)
```
#4695b9
```
#4695b9 rgb(70,149,185)
```
#3c99c3
```
#3c99c3 rgb(60,153,195)
```
#329dcd
```
#329dcd rgb(50,157,205)
```
#28a0d7
```
#28a0d7 rgb(40,160,215)
```
#1ea4e1
```
#1ea4e1 rgb(30,164,225)
```
#15a8ea
```
#15a8ea rgb(21,168,234)
```
#0babf4
```
#0babf4 rgb(11,171,244)
```
#01affe
```
#01affe rgb(1,175,254)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6a8d9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da7f5 Protanopia 1% of men
#77aaff Deuteranopia 1% of men
#00bac6 Tritanopia 0.001% of the population

Trichromacy

#5aaaf8 Protanomaly 1% of men, 0.01% of women
#4cacfe Deuteranomaly 6% of men, 0.4% of women
#00b6da Tritanomaly 0.01% of the population

#01affe hex color

#01affe Color Information

#01affe Color Conversion

Color Schemes with #01affe

Alternatives to #01affe

#01affe Preview

Shades and Tints of #01affe

Tones of #01affe

Color Blindness Simulator