#05b8f6 hex color

In a RGB color space, hex #05b8f6 is composed of 2% red, 72.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 25.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 195.4 degrees, a saturation of 96% and a lightness of 49.2%. #05b8f6 color hex could be obtained by blending #0affff with #0071ed. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 2
- G 72
- B 96
RGB color chart
- C 98
- M 25
- Y 0
- K 4
CMYK color chart

● #05b8f6 color description : Vivid blue.

The hexadecimal color #05b8f6 has RGB values of R:5, G:184, B:246 and CMYK values of C:0.98, M:0.25, Y:0, K:0.04. Its decimal value is 375030.

Hex triplet	05b8f6	`#05b8f6`
RGB Decimal	5, 184, 246	`rgb(5,184,246)`
RGB Percent	2, 72.2, 96.5	`rgb(2%,72.2%,96.5%)`
CMYK	98, 25, 0, 4
HSL	195.4°, 96, 49.2	`hsl(195.4,96%,49.2%)`
HSV (or HSB)	195.4°, 98, 96.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.151, -16.983, -41.433
XYZ	33.833, 40.964, 93.307
xyY	0.201, 0.244, 40.964
CIE-LCH	70.151, 44.779, 247.712
CIE-LUV	70.151, -47.458, -64.885
Hunter-Lab	64.003, -17.646, -41.634
Binary	00000101, 10111000, 11110110

#05b8f6
```
#05b8f6 rgb(5,184,246)
```
#f64305
```
#f64305 rgb(246,67,5)
```

Complementary Color

#05f6bc
```
#05f6bc rgb(5,246,188)
```
#05b8f6
```
#05b8f6 rgb(5,184,246)
```
#0540f6
```
#0540f6 rgb(5,64,246)
```

Analogous Color

#f6bc05
```
#f6bc05 rgb(246,188,5)
```
#05b8f6
```
#05b8f6 rgb(5,184,246)
```
#f60540
```
#f60540 rgb(246,5,64)
```

Split Complementary Color

#b8f605
```
#b8f605 rgb(184,246,5)
```
#05b8f6
```
#05b8f6 rgb(5,184,246)
```
#f605b8
```
#f605b8 rgb(246,5,184)
```

Triadic Color

#05f643
```
#05f643 rgb(5,246,67)
```
#05b8f6
```
#05b8f6 rgb(5,184,246)
```
#f605b8
```
#f605b8 rgb(246,5,184)
```
#f64305
```
#f64305 rgb(246,67,5)
```

Tetradic Color

#0380ab
```
#0380ab rgb(3,128,171)
```
#0493c4
```
#0493c4 rgb(4,147,196)
```
#04a5dd
```
#04a5dd rgb(4,165,221)
```
#05b8f6
```
#05b8f6 rgb(5,184,246)
```
#1ac1fa
```
#1ac1fa rgb(26,193,250)
```
#33c7fb
```
#33c7fb rgb(51,199,251)
```
#4ccefb
```
#4ccefb rgb(76,206,251)
```

Monochromatic Color

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

#05f4f6
```
#05f4f6 rgb(5,244,246)
```
#05e0f6
```
#05e0f6 rgb(5,224,246)
```
#05ccf6
```
#05ccf6 rgb(5,204,246)
```
#05b8f6
```
#05b8f6 rgb(5,184,246)
```
#05a4f6
```
#05a4f6 rgb(5,164,246)
```
#0590f6
```
#0590f6 rgb(5,144,246)
```
#057cf6
```
#057cf6 rgb(5,124,246)
```

Similar Colors

Text with hexadecimal color #05b8f6

This text has a font color of #05b8f6.

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

#05b8f6 background color

This paragraph has a background color of #05b8f6.

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

#05b8f6 border color

This element has a border color of #05b8f6.

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

CSS codes

.text {color:#05b8f6;}

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

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

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

#000b0f
```
#000b0f rgb(0,11,15)
```
#011a23
```
#011a23 rgb(1,26,35)
```
#012836
```
#012836 rgb(1,40,54)
```
#013749
```
#013749 rgb(1,55,73)
```
#02455c
```
#02455c rgb(2,69,92)
```
#02536f
```
#02536f rgb(2,83,111)
```
#036283
```
#036283 rgb(3,98,131)
```
#037096
```
#037096 rgb(3,112,150)
```
#037ea9
```
#037ea9 rgb(3,126,169)
```
#048dbc
```
#048dbc rgb(4,141,188)
```
#049bd0
```
#049bd0 rgb(4,155,208)
```
#05aae3
```
#05aae3 rgb(5,170,227)
```
#05b8f6
```
#05b8f6 rgb(5,184,246)
```

Shade Color Variation

#14bffa
```
#14bffa rgb(20,191,250)
```
#28c4fb
```
#28c4fb rgb(40,196,251)
```
#3bcafb
```
#3bcafb rgb(59,202,251)
```
#4ecffb
```
#4ecffb rgb(78,207,251)
```
#61d4fc
```
#61d4fc rgb(97,212,252)
```
#75d9fc
```
#75d9fc rgb(117,217,252)
```
#88dffd
```
#88dffd rgb(136,223,253)
```
#9be4fd
```
#9be4fd rgb(155,228,253)
```
#aee9fd
```
#aee9fd rgb(174,233,253)
```
#c1eefe
```
#c1eefe rgb(193,238,254)
```
#d5f3fe
```
#d5f3fe rgb(213,243,254)
```
#e8f9ff
```
#e8f9ff rgb(232,249,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#798082
```
#798082 rgb(121,128,130)
```
#6f848c
```
#6f848c rgb(111,132,140)
```
#668995
```
#668995 rgb(102,137,149)
```
#5c8e9f
```
#5c8e9f rgb(92,142,159)
```
#5293a9
```
#5293a9 rgb(82,147,169)
```
#4997b2
```
#4997b2 rgb(73,151,178)
```
#3f9cbc
```
#3f9cbc rgb(63,156,188)
```
#35a1c6
```
#35a1c6 rgb(53,161,198)
```
#2ca5cf
```
#2ca5cf rgb(44,165,207)
```
#22aad9
```
#22aad9 rgb(34,170,217)
```
#18afe3
```
#18afe3 rgb(24,175,227)
```
#0fb3ec
```
#0fb3ec rgb(15,179,236)
```
#05b8f6
```
#05b8f6 rgb(5,184,246)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#6f93a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9badec Protanopia 1% of men
#8baefb Deuteranopia 1% of men
#00c0cd Tritanopia 0.001% of the population

Trichromacy

#64b1ef Protanomaly 1% of men, 0.01% of women
#5ab2f9 Deuteranomaly 6% of men, 0.4% of women
#01bddc Tritanomaly 0.01% of the population

#05b8f6 hex color

#05b8f6 Color Information

#05b8f6 Color Conversion

Color Schemes with #05b8f6

Alternatives to #05b8f6

#05b8f6 Preview

Shades and Tints of #05b8f6

Tones of #05b8f6

Color Blindness Simulator