#05b2f2 hex color

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

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

● #05b2f2 color description : Vivid blue.

The hexadecimal color #05b2f2 has RGB values of R:5, G:178, B:242 and CMYK values of C:0.98, M:0.26, Y:0, K:0.05. Its decimal value is 373490.

Hex triplet	05b2f2	`#05b2f2`
RGB Decimal	5, 178, 242	`rgb(5,178,242)`
RGB Percent	2, 69.8, 94.9	`rgb(2%,69.8%,94.9%)`
CMYK	98, 26, 0, 5
HSL	196.2°, 96, 48.4	`hsl(196.2,96%,48.4%)`
HSV (or HSB)	196.2°, 97.9, 94.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	68.227, -15.191, -42.27
XYZ	32.006, 38.281, 89.702
xyY	0.2, 0.239, 38.281
CIE-LCH	68.227, 44.917, 250.233
CIE-LUV	68.227, -45.75, -66.287
Hunter-Lab	61.871, -15.938, -42.649
Binary	00000101, 10110010, 11110010

#05b2f2
```
#05b2f2 rgb(5,178,242)
```
#f24505
```
#f24505 rgb(242,69,5)
```

Complementary Color

#05f2bc
```
#05f2bc rgb(5,242,188)
```
#05b2f2
```
#05b2f2 rgb(5,178,242)
```
#053cf2
```
#053cf2 rgb(5,60,242)
```

Analogous Color

#f2bc05
```
#f2bc05 rgb(242,188,5)
```
#05b2f2
```
#05b2f2 rgb(5,178,242)
```
#f2053c
```
#f2053c rgb(242,5,60)
```

Split Complementary Color

#b2f205
```
#b2f205 rgb(178,242,5)
```
#05b2f2
```
#05b2f2 rgb(5,178,242)
```
#f205b2
```
#f205b2 rgb(242,5,178)
```

Triadic Color

#05f245
```
#05f245 rgb(5,242,69)
```
#05b2f2
```
#05b2f2 rgb(5,178,242)
```
#f205b2
```
#f205b2 rgb(242,5,178)
```
#f24505
```
#f24505 rgb(242,69,5)
```

Tetradic Color

#037ba7
```
#037ba7 rgb(3,123,167)
```
#048dc0
```
#048dc0 rgb(4,141,192)
```
#04a0d9
```
#04a0d9 rgb(4,160,217)
```
#05b2f2
```
#05b2f2 rgb(5,178,242)
```
#16bdfa
```
#16bdfa rgb(22,189,250)
```
#2fc4fb
```
#2fc4fb rgb(47,196,251)
```
#48cbfb
```
#48cbfb rgb(72,203,251)
```

Monochromatic Color

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

#05edf2
```
#05edf2 rgb(5,237,242)
```
#05daf2
```
#05daf2 rgb(5,218,242)
```
#05c6f2
```
#05c6f2 rgb(5,198,242)
```
#05b2f2
```
#05b2f2 rgb(5,178,242)
```
#059ef2
```
#059ef2 rgb(5,158,242)
```
#058bf2
```
#058bf2 rgb(5,139,242)
```
#0577f2
```
#0577f2 rgb(5,119,242)
```

Similar Colors

Text with hexadecimal color #05b2f2

This text has a font color of #05b2f2.

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

#05b2f2 background color

This paragraph has a background color of #05b2f2.

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

#05b2f2 border color

This element has a border color of #05b2f2.

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

CSS codes

.text {color:#05b2f2;}

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

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

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)
```
#01171f
```
#01171f rgb(1,23,31)
```
#012532
```
#012532 rgb(1,37,50)
```
#013345
```
#013345 rgb(1,51,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)
```
#0488b8
```
#0488b8 rgb(4,136,184)
```
#0496cc
```
#0496cc rgb(4,150,204)
```
#05a4df
```
#05a4df rgb(5,164,223)
```
#05b2f2
```
#05b2f2 rgb(5,178,242)
```

Shade Color Variation

#11bbfa
```
#11bbfa rgb(17,187,250)
```
#24c0fa
```
#24c0fa rgb(36,192,250)
```
#37c6fb
```
#37c6fb rgb(55,198,251)
```
#4acbfb
```
#4acbfb rgb(74,203,251)
```
#5dd1fc
```
#5dd1fc rgb(93,209,252)
```
#71d6fc
```
#71d6fc rgb(113,214,252)
```
#84dcfc
```
#84dcfc rgb(132,220,252)
```
#97e1fd
```
#97e1fd rgb(151,225,253)
```
#aae7fd
```
#aae7fd rgb(170,231,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 #05b2f2 is the most saturated one.

#777e80
```
#777e80 rgb(119,126,128)
```
#6e828a
```
#6e828a rgb(110,130,138)
```
#648693
```
#648693 rgb(100,134,147)
```
#5b8b9d
```
#5b8b9d rgb(91,139,157)
```
#518fa6
```
#518fa6 rgb(81,143,166)
```
#4893b0
```
#4893b0 rgb(72,147,176)
```
#3e98b9
```
#3e98b9 rgb(62,152,185)
```
#359cc3
```
#359cc3 rgb(53,156,195)
```
#2ba1cc
```
#2ba1cc rgb(43,161,204)
```
#22a5d6
```
#22a5d6 rgb(34,165,214)
```
#18a9df
```
#18a9df rgb(24,169,223)
```
#0faee9
```
#0faee9 rgb(15,174,233)
```
#05b2f2
```
#05b2f2 rgb(5,178,242)
```

Tone Color Variation

Below, you can see how #05b2f2 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
#6c8f9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a8e9 Protanopia 1% of men
#84aaf7 Deuteranopia 1% of men
#00bbc8 Tritanopia 0.001% of the population

Trichromacy

#61acec Protanomaly 1% of men, 0.01% of women
#56adf5 Deuteranomaly 6% of men, 0.4% of women
#01b8d7 Tritanomaly 0.01% of the population

#05b2f2 hex color

#05b2f2 Color Information

#05b2f2 Color Conversion

Color Schemes with #05b2f2

Alternatives to #05b2f2

#05b2f2 Preview

Shades and Tints of #05b2f2

Tones of #05b2f2

Color Blindness Simulator