#01b1f8 hex color

In a RGB color space, hex #01b1f8 is composed of 0.4% red, 69.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 28.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 197.2 degrees, a saturation of 99.2% and a lightness of 48.8%. #01b1f8 color hex could be obtained by blending #02ffff with #0063f1. Closest websafe color is: #0099ff.

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

● #01b1f8 color description : Vivid blue.

The hexadecimal color #01b1f8 has RGB values of R:1, G:177, B:248 and CMYK values of C:1, M:0.29, Y:0, K:0.03. Its decimal value is 111096.

Hex triplet	01b1f8	`#01b1f8`
RGB Decimal	1, 177, 248	`rgb(1,177,248)`
RGB Percent	0.4, 69.4, 97.3	`rgb(0.4%,69.4%,97.3%)`
CMYK	100, 29, 0, 3
HSL	197.2°, 99.2, 48.8	`hsl(197.2,99.2%,48.8%)`
HSV (or HSB)	197.2°, 99.6, 97.3
Web Safe	0099ff	`#0099ff`

CIE-LAB	68.186, -12.611, -45.598
XYZ	32.674, 38.225, 94.458
xyY	0.198, 0.231, 38.225
CIE-LCH	68.186, 47.31, 254.54
CIE-LUV	68.186, -45.115, -72.279
Hunter-Lab	61.826, -13.863, -47.305
Binary	00000001, 10110001, 11111000

#01b1f8
```
#01b1f8 rgb(1,177,248)
```
#f84801
```
#f84801 rgb(248,72,1)
```

Complementary Color

#01f8c4
```
#01f8c4 rgb(1,248,196)
```
#01b1f8
```
#01b1f8 rgb(1,177,248)
```
#0136f8
```
#0136f8 rgb(1,54,248)
```

Analogous Color

#f8c401
```
#f8c401 rgb(248,196,1)
```
#01b1f8
```
#01b1f8 rgb(1,177,248)
```
#f80136
```
#f80136 rgb(248,1,54)
```

Split Complementary Color

#b1f801
```
#b1f801 rgb(177,248,1)
```
#01b1f8
```
#01b1f8 rgb(1,177,248)
```
#f801b1
```
#f801b1 rgb(248,1,177)
```

Triadic Color

#01f848
```
#01f848 rgb(1,248,72)
```
#01b1f8
```
#01b1f8 rgb(1,177,248)
```
#f801b1
```
#f801b1 rgb(248,1,177)
```
#f84801
```
#f84801 rgb(248,72,1)
```

Tetradic Color

#017bac
```
#017bac rgb(1,123,172)
```
#018dc5
```
#018dc5 rgb(1,141,197)
```
#019fdf
```
#019fdf rgb(1,159,223)
```
#01b1f8
```
#01b1f8 rgb(1,177,248)
```
#14bbfe
```
#14bbfe rgb(20,187,254)
```
#2ec2fe
```
#2ec2fe rgb(46,194,254)
```
#47cafe
```
#47cafe rgb(71,202,254)
```

Monochromatic Color

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

#01eff8
```
#01eff8 rgb(1,239,248)
```
#01daf8
```
#01daf8 rgb(1,218,248)
```
#01c6f8
```
#01c6f8 rgb(1,198,248)
```
#01b1f8
```
#01b1f8 rgb(1,177,248)
```
#019cf8
```
#019cf8 rgb(1,156,248)
```
#0188f8
```
#0188f8 rgb(1,136,248)
```
#0173f8
```
#0173f8 rgb(1,115,248)
```

Similar Colors

Text with hexadecimal color #01b1f8

This text has a font color of #01b1f8.

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

#01b1f8 background color

This paragraph has a background color of #01b1f8.

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

#01b1f8 border color

This element has a border color of #01b1f8.

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

CSS codes

.text {color:#01b1f8;}

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

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

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

#000a0e
```
#000a0e rgb(0,10,14)
```
#001821
```
#001821 rgb(0,24,33)
```
#002635
```
#002635 rgb(0,38,53)
```
#003448
```
#003448 rgb(0,52,72)
```
#00415c
```
#00415c rgb(0,65,92)
```
#004f6f
```
#004f6f rgb(0,79,111)
```
#015d83
```
#015d83 rgb(1,93,131)
```
#016b96
```
#016b96 rgb(1,107,150)
```
#0179aa
```
#0179aa rgb(1,121,170)
```
#0187bd
```
#0187bd rgb(1,135,189)
```
#0195d1
```
#0195d1 rgb(1,149,209)
```
#01a3e4
```
#01a3e4 rgb(1,163,228)
```
#01b1f8
```
#01b1f8 rgb(1,177,248)
```

Shade Color Variation

#0fb9fe
```
#0fb9fe rgb(15,185,254)
```
#22bffe
```
#22bffe rgb(34,191,254)
```
#36c5fe
```
#36c5fe rgb(54,197,254)
```
#49cafe
```
#49cafe rgb(73,202,254)
```
#5dd0fe
```
#5dd0fe rgb(93,208,254)
```
#70d6fe
```
#70d6fe rgb(112,214,254)
```
#84dbff
```
#84dbff rgb(132,219,255)
```
#97e1ff
```
#97e1ff rgb(151,225,255)
```
#abe7ff
```
#abe7ff rgb(171,231,255)
```
#beecff
```
#beecff rgb(190,236,255)
```
#d2f2ff
```
#d2f2ff rgb(210,242,255)
```
#e5f8ff
```
#e5f8ff rgb(229,248,255)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#748085
```
#748085 rgb(116,128,133)
```
#6a848f
```
#6a848f rgb(106,132,143)
```
#618898
```
#618898 rgb(97,136,152)
```
#578ca2
```
#578ca2 rgb(87,140,162)
```
#4e90ab
```
#4e90ab rgb(78,144,171)
```
#4495b5
```
#4495b5 rgb(68,149,181)
```
#3a99bf
```
#3a99bf rgb(58,153,191)
```
#319dc8
```
#319dc8 rgb(49,157,200)
```
#27a1d2
```
#27a1d2 rgb(39,161,210)
```
#1ea5db
```
#1ea5db rgb(30,165,219)
```
#14a9e5
```
#14a9e5 rgb(20,169,229)
```
#0badee
```
#0badee rgb(11,173,238)
```
#01b1f8
```
#01b1f8 rgb(1,177,248)
```

Tone Color Variation

Below, you can see how #01b1f8 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
#6a8d9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a8ef Protanopia 1% of men
#7daafc Deuteranopia 1% of men
#00bbc7 Tritanopia 0.001% of the population

Trichromacy

#5dabf2 Protanomaly 1% of men, 0.01% of women
#50acfb Deuteranomaly 6% of men, 0.4% of women
#00b7d9 Tritanomaly 0.01% of the population

#01b1f8 hex color

#01b1f8 Color Information

#01b1f8 Color Conversion

Color Schemes with #01b1f8

Alternatives to #01b1f8

#01b1f8 Preview

Shades and Tints of #01b1f8

Tones of #01b1f8

Color Blindness Simulator