#01b4fd hex color

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

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

● #01b4fd color description : Vivid blue.

The hexadecimal color #01b4fd has RGB values of R:1, G:180, B:253 and CMYK values of C:1, M:0.29, Y:0, K:0.01. Its decimal value is 111869.

Hex triplet	01b4fd	`#01b4fd`
RGB Decimal	1, 180, 253	`rgb(1,180,253)`
RGB Percent	0.4, 70.6, 99.2	`rgb(0.4%,70.6%,99.2%)`
CMYK	100, 29, 0, 1
HSL	197.4°, 99.2, 49.8	`hsl(197.4,99.2%,49.8%)`
HSV (or HSB)	197.4°, 99.6, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.282, -12.455, -46.586
XYZ	34.059, 39.737, 98.798
xyY	0.197, 0.23, 39.737
CIE-LCH	69.282, 48.222, 255.032
CIE-LUV	69.282, -45.753, -74.155
Hunter-Lab	63.038, -13.873, -48.798
Binary	00000001, 10110100, 11111101

#01b4fd
```
#01b4fd rgb(1,180,253)
```
#fd4a01
```
#fd4a01 rgb(253,74,1)
```

Complementary Color

#01fdc8
```
#01fdc8 rgb(1,253,200)
```
#01b4fd
```
#01b4fd rgb(1,180,253)
```
#0136fd
```
#0136fd rgb(1,54,253)
```

Analogous Color

#fdc801
```
#fdc801 rgb(253,200,1)
```
#01b4fd
```
#01b4fd rgb(1,180,253)
```
#fd0136
```
#fd0136 rgb(253,1,54)
```

Split Complementary Color

#b4fd01
```
#b4fd01 rgb(180,253,1)
```
#01b4fd
```
#01b4fd rgb(1,180,253)
```
#fd01b4
```
#fd01b4 rgb(253,1,180)
```

Triadic Color

#01fd4a
```
#01fd4a rgb(1,253,74)
```
#01b4fd
```
#01b4fd rgb(1,180,253)
```
#fd01b4
```
#fd01b4 rgb(253,1,180)
```
#fd4a01
```
#fd4a01 rgb(253,74,1)
```

Tetradic Color

#017eb1
```
#017eb1 rgb(1,126,177)
```
#0190ca
```
#0190ca rgb(1,144,202)
```
#01a2e4
```
#01a2e4 rgb(1,162,228)
```
#01b4fd
```
#01b4fd rgb(1,180,253)
```
#19bcfe
```
#19bcfe rgb(25,188,254)
```
#33c3fe
```
#33c3fe rgb(51,195,254)
```
#4ccbfe
```
#4ccbfe rgb(76,203,254)
```

Monochromatic Color

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

#01f3fd
```
#01f3fd rgb(1,243,253)
```
#01defd
```
#01defd rgb(1,222,253)
```
#01c9fd
```
#01c9fd rgb(1,201,253)
```
#01b4fd
```
#01b4fd rgb(1,180,253)
```
#019ffd
```
#019ffd rgb(1,159,253)
```
#018afd
```
#018afd rgb(1,138,253)
```
#0175fd
```
#0175fd rgb(1,117,253)
```

Similar Colors

Text with hexadecimal color #01b4fd

This text has a font color of #01b4fd.

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

#01b4fd background color

This paragraph has a background color of #01b4fd.

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

#01b4fd border color

This element has a border color of #01b4fd.

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

CSS codes

.text {color:#01b4fd;}

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

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

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

#000d13
```
#000d13 rgb(0,13,19)
```
#001b26
```
#001b26 rgb(0,27,38)
```
#00293a
```
#00293a rgb(0,41,58)
```
#00374d
```
#00374d rgb(0,55,77)
```
#004561
```
#004561 rgb(0,69,97)
```
#005374
```
#005374 rgb(0,83,116)
```
#016188
```
#016188 rgb(1,97,136)
```
#016e9b
```
#016e9b rgb(1,110,155)
```
#017caf
```
#017caf rgb(1,124,175)
```
#018ac2
```
#018ac2 rgb(1,138,194)
```
#0198d6
```
#0198d6 rgb(1,152,214)
```
#01a6e9
```
#01a6e9 rgb(1,166,233)
```
#01b4fd
```
#01b4fd rgb(1,180,253)
```

Shade Color Variation

#14bafe
```
#14bafe rgb(20,186,254)
```
#27c0fe
```
#27c0fe rgb(39,192,254)
```
#3bc6fe
```
#3bc6fe rgb(59,198,254)
```
#4ecbfe
```
#4ecbfe rgb(78,203,254)
```
#62d1fe
```
#62d1fe rgb(98,209,254)
```
#75d7fe
```
#75d7fe rgb(117,215,254)
```
#89dcff
```
#89dcff rgb(137,220,255)
```
#9ce2ff
```
#9ce2ff rgb(156,226,255)
```
#b0e8ff
```
#b0e8ff rgb(176,232,255)
```
#c3eeff
```
#c3eeff rgb(195,238,255)
```
#d7f3ff
```
#d7f3ff rgb(215,243,255)
```
#eaf9ff
```
#eaf9ff rgb(234,249,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#768388
```
#768388 rgb(118,131,136)
```
#6c8792
```
#6c8792 rgb(108,135,146)
```
#638b9b
```
#638b9b rgb(99,139,155)
```
#598fa5
```
#598fa5 rgb(89,143,165)
```
#4f93af
```
#4f93af rgb(79,147,175)
```
#4597b9
```
#4597b9 rgb(69,151,185)
```
#3c9bc2
```
#3c9bc2 rgb(60,155,194)
```
#329fcc
```
#329fcc rgb(50,159,204)
```
#28a4d6
```
#28a4d6 rgb(40,164,214)
```
#1ea8e0
```
#1ea8e0 rgb(30,168,224)
```
#15ace9
```
#15ace9 rgb(21,172,233)
```
#0bb0f3
```
#0bb0f3 rgb(11,176,243)
```
#01b4fd
```
#01b4fd rgb(1,180,253)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#6c909f Atypical Achromatopsia 0.001% of the population

Dichromacy

#94abf3 Protanopia 1% of men
#81adff Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#5eaef7 Protanomaly 1% of men, 0.01% of women
#52affe Deuteranomaly 6% of men, 0.4% of women
#00badd Tritanomaly 0.01% of the population

#01b4fd hex color

#01b4fd Color Information

#01b4fd Color Conversion

Color Schemes with #01b4fd

Alternatives to #01b4fd

#01b4fd Preview

Shades and Tints of #01b4fd

Tones of #01b4fd

Color Blindness Simulator