#01b4fa hex color

In a RGB color space, hex #01b4fa is composed of 0.4% red, 70.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 28% magenta, 0% yellow and 2% black. It has a hue angle of 196.9 degrees, a saturation of 99.2% and a lightness of 49.2%. #01b4fa color hex could be obtained by blending #02ffff with #0069f5. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 71
- B 98
RGB color chart
- C 100
- M 28
- Y 0
- K 2
CMYK color chart

● #01b4fa color description : Vivid blue.

The hexadecimal color #01b4fa has RGB values of R:1, G:180, B:250 and CMYK values of C:1, M:0.28, Y:0, K:0.02. Its decimal value is 111866.

Hex triplet	01b4fa	`#01b4fa`
RGB Decimal	1, 180, 250	`rgb(1,180,250)`
RGB Percent	0.4, 70.6, 98	`rgb(0.4%,70.6%,98%)`
CMYK	100, 28, 0, 2
HSL	196.9°, 99.2, 49.2	`hsl(196.9,99.2%,49.2%)`
HSV (or HSB)	196.9°, 99.6, 98
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.146, -13.525, -45.175
XYZ	33.585, 39.548, 96.301
xyY	0.198, 0.233, 39.548
CIE-LCH	69.146, 47.156, 253.333
CIE-LUV	69.146, -45.965, -71.589
Hunter-Lab	62.887, -14.725, -46.771
Binary	00000001, 10110100, 11111010

#01b4fa
```
#01b4fa rgb(1,180,250)
```
#fa4701
```
#fa4701 rgb(250,71,1)
```

Complementary Color

#01fac4
```
#01fac4 rgb(1,250,196)
```
#01b4fa
```
#01b4fa rgb(1,180,250)
```
#0138fa
```
#0138fa rgb(1,56,250)
```

Analogous Color

#fac401
```
#fac401 rgb(250,196,1)
```
#01b4fa
```
#01b4fa rgb(1,180,250)
```
#fa0138
```
#fa0138 rgb(250,1,56)
```

Split Complementary Color

#b4fa01
```
#b4fa01 rgb(180,250,1)
```
#01b4fa
```
#01b4fa rgb(1,180,250)
```
#fa01b4
```
#fa01b4 rgb(250,1,180)
```

Triadic Color

#01fa47
```
#01fa47 rgb(1,250,71)
```
#01b4fa
```
#01b4fa rgb(1,180,250)
```
#fa01b4
```
#fa01b4 rgb(250,1,180)
```
#fa4701
```
#fa4701 rgb(250,71,1)
```

Tetradic Color

#017dae
```
#017dae rgb(1,125,174)
```
#018fc7
```
#018fc7 rgb(1,143,199)
```
#01a2e1
```
#01a2e1 rgb(1,162,225)
```
#01b4fa
```
#01b4fa rgb(1,180,250)
```
#16bdfe
```
#16bdfe rgb(22,189,254)
```
#30c4fe
```
#30c4fe rgb(48,196,254)
```
#49cbfe
```
#49cbfe rgb(73,203,254)
```

Monochromatic Color

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

#01f2fa
```
#01f2fa rgb(1,242,250)
```
#01defa
```
#01defa rgb(1,222,250)
```
#01c9fa
```
#01c9fa rgb(1,201,250)
```
#01b4fa
```
#01b4fa rgb(1,180,250)
```
#019ffa
```
#019ffa rgb(1,159,250)
```
#018bfa
```
#018bfa rgb(1,139,250)
```
#0176fa
```
#0176fa rgb(1,118,250)
```

Similar Colors

Text with hexadecimal color #01b4fa

This text has a font color of #01b4fa.

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

#01b4fa background color

This paragraph has a background color of #01b4fa.

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

#01b4fa border color

This element has a border color of #01b4fa.

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

CSS codes

.text {color:#01b4fa;}

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

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

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

#000b10
```
#000b10 rgb(0,11,16)
```
#001923
```
#001923 rgb(0,25,35)
```
#002737
```
#002737 rgb(0,39,55)
```
#00354a
```
#00354a rgb(0,53,74)
```
#00435e
```
#00435e rgb(0,67,94)
```
#005271
```
#005271 rgb(0,82,113)
```
#016085
```
#016085 rgb(1,96,133)
```
#016e98
```
#016e98 rgb(1,110,152)
```
#017cac
```
#017cac rgb(1,124,172)
```
#018abf
```
#018abf rgb(1,138,191)
```
#0198d3
```
#0198d3 rgb(1,152,211)
```
#01a6e6
```
#01a6e6 rgb(1,166,230)
```
#01b4fa
```
#01b4fa rgb(1,180,250)
```

Shade Color Variation

#11bbfe
```
#11bbfe rgb(17,187,254)
```
#24c1fe
```
#24c1fe rgb(36,193,254)
```
#38c6fe
```
#38c6fe rgb(56,198,254)
```
#4bccfe
```
#4bccfe rgb(75,204,254)
```
#5fd1fe
```
#5fd1fe rgb(95,209,254)
```
#72d7fe
```
#72d7fe rgb(114,215,254)
```
#86ddff
```
#86ddff rgb(134,221,255)
```
#99e2ff
```
#99e2ff rgb(153,226,255)
```
#ade8ff
```
#ade8ff rgb(173,232,255)
```
#c0edff
```
#c0edff rgb(192,237,255)
```
#d4f3ff
```
#d4f3ff rgb(212,243,255)
```
#e7f8ff
```
#e7f8ff rgb(231,248,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#758186
```
#758186 rgb(117,129,134)
```
#6b8690
```
#6b8690 rgb(107,134,144)
```
#628a99
```
#628a99 rgb(98,138,153)
```
#588ea3
```
#588ea3 rgb(88,142,163)
```
#4e92ad
```
#4e92ad rgb(78,146,173)
```
#4596b6
```
#4596b6 rgb(69,150,182)
```
#3b9bc0
```
#3b9bc0 rgb(59,155,192)
```
#319fca
```
#319fca rgb(49,159,202)
```
#28a3d3
```
#28a3d3 rgb(40,163,211)
```
#1ea7dd
```
#1ea7dd rgb(30,167,221)
```
#14ace7
```
#14ace7 rgb(20,172,231)
```
#0bb0f0
```
#0bb0f0 rgb(11,176,240)
```
#01b4fa
```
#01b4fa rgb(1,180,250)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6b8f9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#95aaf0 Protanopia 1% of men
#81acfe Deuteranopia 1% of men
#00beca Tritanopia 0.001% of the population

Trichromacy

#5faef4 Protanomaly 1% of men, 0.01% of women
#52affd Deuteranomaly 6% of men, 0.4% of women
#00badb Tritanomaly 0.01% of the population

#01b4fa hex color

#01b4fa Color Information

#01b4fa Color Conversion

Color Schemes with #01b4fa

Alternatives to #01b4fa

#01b4fa Preview

Shades and Tints of #01b4fa

Tones of #01b4fa

Color Blindness Simulator