#05acf6 hex color

In a RGB color space, hex #05acf6 is composed of 2% red, 67.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 30.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 198.4 degrees, a saturation of 96% and a lightness of 49.2%. #05acf6 color hex could be obtained by blending #0affff with #0059ed. Closest websafe color is: #0099ff.

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

● #05acf6 color description : Vivid blue.

The hexadecimal color #05acf6 has RGB values of R:5, G:172, B:246 and CMYK values of C:0.98, M:0.3, Y:0, K:0.04. Its decimal value is 371958.

Hex triplet	05acf6	`#05acf6`
RGB Decimal	5, 172, 246	`rgb(5,172,246)`
RGB Percent	2, 67.5, 96.5	`rgb(2%,67.5%,96.5%)`
CMYK	98, 30, 0, 4
HSL	198.4°, 96, 49.2	`hsl(198.4,96%,49.2%)`
HSV (or HSB)	198.4°, 98, 96.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.663, -10.493, -46.904
XYZ	31.445, 36.188, 92.511
xyY	0.196, 0.226, 36.188
CIE-LCH	66.663, 48.063, 257.39
CIE-LUV	66.663, -43.482, -74.511
Hunter-Lab	60.157, -11.967, -49.069
Binary	00000101, 10101100, 11110110

#05acf6
```
#05acf6 rgb(5,172,246)
```
#f64f05
```
#f64f05 rgb(246,79,5)
```

Complementary Color

#05f6c8
```
#05f6c8 rgb(5,246,200)
```
#05acf6
```
#05acf6 rgb(5,172,246)
```
#0534f6
```
#0534f6 rgb(5,52,246)
```

Analogous Color

#f6c805
```
#f6c805 rgb(246,200,5)
```
#05acf6
```
#05acf6 rgb(5,172,246)
```
#f60534
```
#f60534 rgb(246,5,52)
```

Split Complementary Color

#acf605
```
#acf605 rgb(172,246,5)
```
#05acf6
```
#05acf6 rgb(5,172,246)
```
#f605ac
```
#f605ac rgb(246,5,172)
```

Triadic Color

#05f64f
```
#05f64f rgb(5,246,79)
```
#05acf6
```
#05acf6 rgb(5,172,246)
```
#f605ac
```
#f605ac rgb(246,5,172)
```
#f64f05
```
#f64f05 rgb(246,79,5)
```

Tetradic Color

#0378ab
```
#0378ab rgb(3,120,171)
```
#0489c4
```
#0489c4 rgb(4,137,196)
```
#049bdd
```
#049bdd rgb(4,155,221)
```
#05acf6
```
#05acf6 rgb(5,172,246)
```
#1ab6fa
```
#1ab6fa rgb(26,182,250)
```
#33befb
```
#33befb rgb(51,190,251)
```
#4cc6fb
```
#4cc6fb rgb(76,198,251)
```

Monochromatic Color

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

#05e8f6
```
#05e8f6 rgb(5,232,246)
```
#05d4f6
```
#05d4f6 rgb(5,212,246)
```
#05c0f6
```
#05c0f6 rgb(5,192,246)
```
#05acf6
```
#05acf6 rgb(5,172,246)
```
#0598f6
```
#0598f6 rgb(5,152,246)
```
#0584f6
```
#0584f6 rgb(5,132,246)
```
#0570f6
```
#0570f6 rgb(5,112,246)
```

Similar Colors

Text with hexadecimal color #05acf6

This text has a font color of #05acf6.

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

#05acf6 background color

This paragraph has a background color of #05acf6.

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

#05acf6 border color

This element has a border color of #05acf6.

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

CSS codes

.text {color:#05acf6;}

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

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

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)
```
#011823
```
#011823 rgb(1,24,35)
```
#012636
```
#012636 rgb(1,38,54)
```
#013349
```
#013349 rgb(1,51,73)
```
#02405c
```
#02405c rgb(2,64,92)
```
#024e6f
```
#024e6f rgb(2,78,111)
```
#035b83
```
#035b83 rgb(3,91,131)
```
#036996
```
#036996 rgb(3,105,150)
```
#0376a9
```
#0376a9 rgb(3,118,169)
```
#0484bc
```
#0484bc rgb(4,132,188)
```
#0491d0
```
#0491d0 rgb(4,145,208)
```
#059fe3
```
#059fe3 rgb(5,159,227)
```
#05acf6
```
#05acf6 rgb(5,172,246)
```

Shade Color Variation

#14b4fa
```
#14b4fa rgb(20,180,250)
```
#28bafb
```
#28bafb rgb(40,186,251)
```
#3bc0fb
```
#3bc0fb rgb(59,192,251)
```
#4ec6fb
```
#4ec6fb rgb(78,198,251)
```
#61ccfc
```
#61ccfc rgb(97,204,252)
```
#75d3fc
```
#75d3fc rgb(117,211,252)
```
#88d9fd
```
#88d9fd rgb(136,217,253)
```
#9bdffd
```
#9bdffd rgb(155,223,253)
```
#aee5fd
```
#aee5fd rgb(174,229,253)
```
#c1ebfe
```
#c1ebfe rgb(193,235,254)
```
#d5f1fe
```
#d5f1fe rgb(213,241,254)
```
#e8f8ff
```
#e8f8ff rgb(232,248,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#797f82
```
#797f82 rgb(121,127,130)
```
#6f838c
```
#6f838c rgb(111,131,140)
```
#668795
```
#668795 rgb(102,135,149)
```
#5c8a9f
```
#5c8a9f rgb(92,138,159)
```
#528ea9
```
#528ea9 rgb(82,142,169)
```
#4992b2
```
#4992b2 rgb(73,146,178)
```
#3f96bc
```
#3f96bc rgb(63,150,188)
```
#3599c6
```
#3599c6 rgb(53,153,198)
```
#2c9dcf
```
#2c9dcf rgb(44,157,207)
```
#22a1d9
```
#22a1d9 rgb(34,161,217)
```
#18a5e3
```
#18a5e3 rgb(24,165,227)
```
#0fa8ec
```
#0fa8ec rgb(15,168,236)
```
#05acf6
```
#05acf6 rgb(5,172,246)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#6a8b9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca4ed Protanopia 1% of men
#76a6fa Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#5ba7f0 Protanomaly 1% of men, 0.01% of women
#4da8f8 Deuteranomaly 6% of men, 0.4% of women
#01b3d5 Tritanomaly 0.01% of the population

#05acf6 hex color

#05acf6 Color Information

#05acf6 Color Conversion

Color Schemes with #05acf6

Alternatives to #05acf6

#05acf6 Preview

Shades and Tints of #05acf6

Tones of #05acf6

Color Blindness Simulator