colorhexa.com

#05b6f2 hex color

In a RGB color space, hex #05b6f2 is composed of 2% red, 71.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 24.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 195.2 degrees, a saturation of 96% and a lightness of 48.4%. #05b6f2 color hex could be obtained by blending #0affff with #006de5. Closest websafe color is: #00ccff.

- R 2
- G 71
- B 95
RGB color chart
- C 98
- M 25
- Y 0
- K 5
CMYK color chart

● #05b6f2 color description : Vivid blue.

The hexadecimal color #05b6f2 has RGB values of R:5, G:182, B:242 and CMYK values of C:0.98, M:0.25, Y:0, K:0.05. Its decimal value is 374514.

Hex triplet	05b6f2	`#05b6f2`
RGB Decimal	5, 182, 242	`rgb(5,182,242)`
RGB Percent	2, 71.4, 94.9	`rgb(2%,71.4%,94.9%)`
CMYK	98, 25, 0, 5
HSL	195.2°, 96, 48.4	`hsl(195.2,96%,48.4%)`
HSV (or HSB)	195.2°, 97.9, 94.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.395, -17.325, -40.444
XYZ	32.813, 39.896, 89.971
xyY	0.202, 0.245, 39.896
CIE-LCH	69.395, 43.998, 246.811
CIE-LUV	69.395, -47.083, -63.053
Hunter-Lab	63.163, -17.804, -40.24
Binary	00000101, 10110110, 11110010

#05b6f2
```
#05b6f2 rgb(5,182,242)
```
#f24105
```
#f24105 rgb(242,65,5)
```

Complementary Color

#05f2b8
```
#05f2b8 rgb(5,242,184)
```
#05b6f2
```
#05b6f2 rgb(5,182,242)
```
#053ff2
```
#053ff2 rgb(5,63,242)
```

Analogous Color

#f2b805
```
#f2b805 rgb(242,184,5)
```
#05b6f2
```
#05b6f2 rgb(5,182,242)
```
#f20540
```
#f20540 rgb(242,5,64)
```

Split Complementary Color

#b6f205
```
#b6f205 rgb(182,242,5)
```
#05b6f2
```
#05b6f2 rgb(5,182,242)
```
#f205b6
```
#f205b6 rgb(242,5,182)
```

Triadic Color

#037ea7
```
#037ea7 rgb(3,126,167)
```
#0490c0
```
#0490c0 rgb(4,144,192)
```
#04a3d9
```
#04a3d9 rgb(4,163,217)
```
#05b6f2
```
#05b6f2 rgb(5,182,242)
```
#16c1fa
```
#16c1fa rgb(22,193,250)
```
#2fc7fb
```
#2fc7fb rgb(47,199,251)
```
#48cefb
```
#48cefb rgb(72,206,251)
```

Monochromatic Color

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

#05f1f2
```
#05f1f2 rgb(5,241,242)
```
#05def2
```
#05def2 rgb(5,222,242)
```
#05caf2
```
#05caf2 rgb(5,202,242)
```
#05b6f2
```
#05b6f2 rgb(5,182,242)
```
#05a2f2
```
#05a2f2 rgb(5,162,242)
```
#058ff2
```
#058ff2 rgb(5,143,242)
```
#057bf2
```
#057bf2 rgb(5,123,242)
```

Similar Colors

Text with hexadecimal color #05b6f2

This text has a font color of #05b6f2.

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

#05b6f2 background color

This paragraph has a background color of #05b6f2.

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

#05b6f2 border color

This element has a border color of #05b6f2.

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

CSS codes

.text {color:#05b6f2;}

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

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

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

#00090b
```
#00090b rgb(0,9,11)
```
#01171f
```
#01171f rgb(1,23,31)
```
#012532
```
#012532 rgb(1,37,50)
```
#013445
```
#013445 rgb(1,52,69)
```
#024258
```
#024258 rgb(2,66,88)
```
#02516b
```
#02516b rgb(2,81,107)
```
#035f7f
```
#035f7f rgb(3,95,127)
```
#036e92
```
#036e92 rgb(3,110,146)
```
#037ca5
```
#037ca5 rgb(3,124,165)
```
#048bb8
```
#048bb8 rgb(4,139,184)
```
#0499cc
```
#0499cc rgb(4,153,204)
```
#05a8df
```
#05a8df rgb(5,168,223)
```
#05b6f2
```
#05b6f2 rgb(5,182,242)
```

Shade Color Variation

#11bffa
```
#11bffa rgb(17,191,250)
```
#24c4fa
```
#24c4fa rgb(36,196,250)
```
#37c9fb
```
#37c9fb rgb(55,201,251)
```
#4acefb
```
#4acefb rgb(74,206,251)
```
#5dd4fc
```
#5dd4fc rgb(93,212,252)
```
#71d9fc
```
#71d9fc rgb(113,217,252)
```
#84defc
```
#84defc rgb(132,222,252)
```
#97e3fd
```
#97e3fd rgb(151,227,253)
```
#aae8fd
```
#aae8fd rgb(170,232,253)
```
#beedfe
```
#beedfe rgb(190,237,254)
```
#d1f3fe
```
#d1f3fe rgb(209,243,254)
```
#e4f8fe
```
#e4f8fe rgb(228,248,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 #05b6f2 is the most saturated one.

#777e80
```
#777e80 rgb(119,126,128)
```
#6e828a
```
#6e828a rgb(110,130,138)
```
#648793
```
#648793 rgb(100,135,147)
```
#5b8c9d
```
#5b8c9d rgb(91,140,157)
```
#5190a6
```
#5190a6 rgb(81,144,166)
```
#4895b0
```
#4895b0 rgb(72,149,176)
```
#3e9ab9
```
#3e9ab9 rgb(62,154,185)
```
#359fc3
```
#359fc3 rgb(53,159,195)
```
#2ba3cc
```
#2ba3cc rgb(43,163,204)
```
#22a8d6
```
#22a8d6 rgb(34,168,214)
```
#18addf
```
#18addf rgb(24,173,223)
```
#0fb1e9
```
#0fb1e9 rgb(15,177,233)
```
#05b6f2
```
#05b6f2 rgb(5,182,242)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#6e919d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aabe8 Protanopia 1% of men
#8bacf7 Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#64afec Protanomaly 1% of men, 0.01% of women
#5ab0f5 Deuteranomaly 6% of men, 0.4% of women
#01bbd9 Tritanomaly 0.01% of the population