#05b1f2 hex color

In a RGB color space, hex #05b1f2 is composed of 2% red, 69.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 26.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 196.5 degrees, a saturation of 96% and a lightness of 48.4%. #05b1f2 color hex could be obtained by blending #0affff with #0063e5. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 2
- G 69
- B 95
RGB color chart
- C 98
- M 27
- Y 0
- K 5
CMYK color chart

● #05b1f2 color description : Vivid blue.

The hexadecimal color #05b1f2 has RGB values of R:5, G:177, B:242 and CMYK values of C:0.98, M:0.27, Y:0, K:0.05. Its decimal value is 373234.

Hex triplet	05b1f2	`#05b1f2`
RGB Decimal	5, 177, 242	`rgb(5,177,242)`
RGB Percent	2, 69.4, 94.9	`rgb(2%,69.4%,94.9%)`
CMYK	98, 27, 0, 5
HSL	196.5°, 96, 48.4	`hsl(196.5,96%,48.4%)`
HSV (or HSB)	196.5°, 97.9, 94.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.935, -14.653, -42.727
XYZ	31.808, 37.884, 89.635
xyY	0.2, 0.238, 37.884
CIE-LCH	67.935, 45.17, 251.071
CIE-LUV	67.935, -45.417, -67.093
Hunter-Lab	61.55, -15.468, -43.259
Binary	00000101, 10110001, 11110010

#05b1f2
```
#05b1f2 rgb(5,177,242)
```
#f24605
```
#f24605 rgb(242,70,5)
```

Complementary Color

#05f2bd
```
#05f2bd rgb(5,242,189)
```
#05b1f2
```
#05b1f2 rgb(5,177,242)
```
#053af2
```
#053af2 rgb(5,58,242)
```

Analogous Color

#f2bd05
```
#f2bd05 rgb(242,189,5)
```
#05b1f2
```
#05b1f2 rgb(5,177,242)
```
#f2053b
```
#f2053b rgb(242,5,59)
```

Split Complementary Color

#b1f205
```
#b1f205 rgb(177,242,5)
```
#05b1f2
```
#05b1f2 rgb(5,177,242)
```
#f205b1
```
#f205b1 rgb(242,5,177)
```

Triadic Color

#05f246
```
#05f246 rgb(5,242,70)
```
#05b1f2
```
#05b1f2 rgb(5,177,242)
```
#f205b1
```
#f205b1 rgb(242,5,177)
```
#f24605
```
#f24605 rgb(242,70,5)
```

Tetradic Color

#037aa7
```
#037aa7 rgb(3,122,167)
```
#048cc0
```
#048cc0 rgb(4,140,192)
```
#049fd9
```
#049fd9 rgb(4,159,217)
```
#05b1f2
```
#05b1f2 rgb(5,177,242)
```
#16bcfa
```
#16bcfa rgb(22,188,250)
```
#2fc3fb
```
#2fc3fb rgb(47,195,251)
```
#48cafb
```
#48cafb rgb(72,202,251)
```

Monochromatic Color

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

#05ecf2
```
#05ecf2 rgb(5,236,242)
```
#05d9f2
```
#05d9f2 rgb(5,217,242)
```
#05c5f2
```
#05c5f2 rgb(5,197,242)
```
#05b1f2
```
#05b1f2 rgb(5,177,242)
```
#059df2
```
#059df2 rgb(5,157,242)
```
#058af2
```
#058af2 rgb(5,138,242)
```
#0576f2
```
#0576f2 rgb(5,118,242)
```

Similar Colors

Text with hexadecimal color #05b1f2

This text has a font color of #05b1f2.

<span style="color:#05b1f2;">Text here</span>

#05b1f2 background color

This paragraph has a background color of #05b1f2.

<p style="background-color:#05b1f2;">Content here</p>

#05b1f2 border color

This element has a border color of #05b1f2.

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

CSS codes

.text {color:#05b1f2;}

.background {background-color:#05b1f2;}

.border {border:1px solid #05b1f2;}

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, #00080b is the darkest color, while #f7fdff is the lightest one.

#00080b
```
#00080b rgb(0,8,11)
```
#01161f
```
#01161f rgb(1,22,31)
```
#012432
```
#012432 rgb(1,36,50)
```
#013245
```
#013245 rgb(1,50,69)
```
#024158
```
#024158 rgb(2,65,88)
```
#024f6b
```
#024f6b rgb(2,79,107)
```
#035d7f
```
#035d7f rgb(3,93,127)
```
#036b92
```
#036b92 rgb(3,107,146)
```
#0379a5
```
#0379a5 rgb(3,121,165)
```
#0487b8
```
#0487b8 rgb(4,135,184)
```
#0495cc
```
#0495cc rgb(4,149,204)
```
#05a3df
```
#05a3df rgb(5,163,223)
```
#05b1f2
```
#05b1f2 rgb(5,177,242)
```

Shade Color Variation

#11bafa
```
#11bafa rgb(17,186,250)
```
#24c0fa
```
#24c0fa rgb(36,192,250)
```
#37c5fb
```
#37c5fb rgb(55,197,251)
```
#4acbfb
```
#4acbfb rgb(74,203,251)
```
#5dd0fc
```
#5dd0fc rgb(93,208,252)
```
#71d6fc
```
#71d6fc rgb(113,214,252)
```
#84dbfc
```
#84dbfc rgb(132,219,252)
```
#97e1fd
```
#97e1fd rgb(151,225,253)
```
#aae6fd
```
#aae6fd rgb(170,230,253)
```
#beecfe
```
#beecfe rgb(190,236,254)
```
#d1f2fe
```
#d1f2fe rgb(209,242,254)
```
#e4f7fe
```
#e4f7fe rgb(228,247,254)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777e80 is the less saturated color, while #05b1f2 is the most saturated one.

#777e80
```
#777e80 rgb(119,126,128)
```
#6e828a
```
#6e828a rgb(110,130,138)
```
#648693
```
#648693 rgb(100,134,147)
```
#5b8a9d
```
#5b8a9d rgb(91,138,157)
```
#518fa6
```
#518fa6 rgb(81,143,166)
```
#4893b0
```
#4893b0 rgb(72,147,176)
```
#3e97b9
```
#3e97b9 rgb(62,151,185)
```
#359cc3
```
#359cc3 rgb(53,156,195)
```
#2ba0cc
```
#2ba0cc rgb(43,160,204)
```
#22a4d6
```
#22a4d6 rgb(34,164,214)
```
#18a8df
```
#18a8df rgb(24,168,223)
```
#0fade9
```
#0fade9 rgb(15,173,233)
```
#05b1f2
```
#05b1f2 rgb(5,177,242)
```

Tone Color Variation

Below, you can see how #05b1f2 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

#858585 Achromatopsia 0.005% of the population
#6b8e9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a7e9 Protanopia 1% of men
#82a9f7 Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#60abec Protanomaly 1% of men, 0.01% of women
#55acf5 Deuteranomaly 6% of men, 0.4% of women
#01b7d6 Tritanomaly 0.01% of the population

#05b1f2 hex color

#05b1f2 Color Information

#05b1f2 Color Conversion

Color Schemes with #05b1f2

Alternatives to #05b1f2

#05b1f2 Preview

Shades and Tints of #05b1f2

Tones of #05b1f2

Color Blindness Simulator