#05aff2 hex color

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

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

● #05aff2 color description : Vivid blue.

The hexadecimal color #05aff2 has RGB values of R:5, G:175, B:242 and CMYK values of C:0.98, M:0.28, Y:0, K:0.05. Its decimal value is 372722.

Hex triplet	05aff2	`#05aff2`
RGB Decimal	5, 175, 242	`rgb(5,175,242)`
RGB Percent	2, 68.6, 94.9	`rgb(2%,68.6%,94.9%)`
CMYK	98, 28, 0, 5
HSL	197°, 96, 48.4	`hsl(197,96%,48.4%)`
HSV (or HSB)	197°, 97.9, 94.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.352, -13.571, -43.642
XYZ	31.415, 37.1, 89.505
xyY	0.199, 0.235, 37.1
CIE-LCH	67.352, 45.703, 252.726
CIE-LUV	67.352, -44.752, -68.7
Hunter-Lab	60.91, -14.527, -44.488
Binary	00000101, 10101111, 11110010

#05aff2
```
#05aff2 rgb(5,175,242)
```
#f24805
```
#f24805 rgb(242,72,5)
```

Complementary Color

#05f2bf
```
#05f2bf rgb(5,242,191)
```
#05aff2
```
#05aff2 rgb(5,175,242)
```
#0538f2
```
#0538f2 rgb(5,56,242)
```

Analogous Color

#f2bf05
```
#f2bf05 rgb(242,191,5)
```
#05aff2
```
#05aff2 rgb(5,175,242)
```
#f20538
```
#f20538 rgb(242,5,56)
```

Split Complementary Color

#aff205
```
#aff205 rgb(175,242,5)
```
#05aff2
```
#05aff2 rgb(5,175,242)
```
#f205af
```
#f205af rgb(242,5,175)
```

Triadic Color

#05f248
```
#05f248 rgb(5,242,72)
```
#05aff2
```
#05aff2 rgb(5,175,242)
```
#f205af
```
#f205af rgb(242,5,175)
```
#f24805
```
#f24805 rgb(242,72,5)
```

Tetradic Color

#0379a7
```
#0379a7 rgb(3,121,167)
```
#048bc0
```
#048bc0 rgb(4,139,192)
```
#049dd9
```
#049dd9 rgb(4,157,217)
```
#05aff2
```
#05aff2 rgb(5,175,242)
```
#16bafa
```
#16bafa rgb(22,186,250)
```
#2fc1fb
```
#2fc1fb rgb(47,193,251)
```
#48c9fb
```
#48c9fb rgb(72,201,251)
```

Monochromatic Color

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

#05eaf2
```
#05eaf2 rgb(5,234,242)
```
#05d7f2
```
#05d7f2 rgb(5,215,242)
```
#05c3f2
```
#05c3f2 rgb(5,195,242)
```
#05aff2
```
#05aff2 rgb(5,175,242)
```
#059bf2
```
#059bf2 rgb(5,155,242)
```
#0588f2
```
#0588f2 rgb(5,136,242)
```
#0574f2
```
#0574f2 rgb(5,116,242)
```

Similar Colors

Text with hexadecimal color #05aff2

This text has a font color of #05aff2.

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

#05aff2 background color

This paragraph has a background color of #05aff2.

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

#05aff2 border color

This element has a border color of #05aff2.

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

CSS codes

.text {color:#05aff2;}

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

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

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)
```
#024058
```
#024058 rgb(2,64,88)
```
#024e6b
```
#024e6b rgb(2,78,107)
```
#035c7f
```
#035c7f rgb(3,92,127)
```
#036a92
```
#036a92 rgb(3,106,146)
```
#0377a5
```
#0377a5 rgb(3,119,165)
```
#0485b8
```
#0485b8 rgb(4,133,184)
```
#0493cc
```
#0493cc rgb(4,147,204)
```
#05a1df
```
#05a1df rgb(5,161,223)
```
#05aff2
```
#05aff2 rgb(5,175,242)
```

Shade Color Variation

#11b8fa
```
#11b8fa rgb(17,184,250)
```
#24befa
```
#24befa rgb(36,190,250)
```
#37c3fb
```
#37c3fb rgb(55,195,251)
```
#4ac9fb
```
#4ac9fb rgb(74,201,251)
```
#5dcffc
```
#5dcffc rgb(93,207,252)
```
#71d5fc
```
#71d5fc rgb(113,213,252)
```
#84dafc
```
#84dafc rgb(132,218,252)
```
#97e0fd
```
#97e0fd rgb(151,224,253)
```
#aae6fd
```
#aae6fd rgb(170,230,253)
```
#beecfe
```
#beecfe rgb(190,236,254)
```
#d1f1fe
```
#d1f1fe rgb(209,241,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, #777d80 is the less saturated color, while #05aff2 is the most saturated one.

#777d80
```
#777d80 rgb(119,125,128)
```
#6e828a
```
#6e828a rgb(110,130,138)
```
#648693
```
#648693 rgb(100,134,147)
```
#5b8a9d
```
#5b8a9d rgb(91,138,157)
```
#518ea6
```
#518ea6 rgb(81,142,166)
```
#4892b0
```
#4892b0 rgb(72,146,176)
```
#3e96b9
```
#3e96b9 rgb(62,150,185)
```
#359ac3
```
#359ac3 rgb(53,154,195)
```
#2b9ecc
```
#2b9ecc rgb(43,158,204)
```
#22a3d6
```
#22a3d6 rgb(34,163,214)
```
#18a7df
```
#18a7df rgb(24,167,223)
```
#0fabe9
```
#0fabe9 rgb(15,171,233)
```
#05aff2
```
#05aff2 rgb(5,175,242)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6b8d9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a6e9 Protanopia 1% of men
#7fa8f7 Deuteranopia 1% of men
#00b9c5 Tritanopia 0.001% of the population

Trichromacy

#5ea9ec Protanomaly 1% of men, 0.01% of women
#52aaf5 Deuteranomaly 6% of men, 0.4% of women
#01b5d5 Tritanomaly 0.01% of the population

#05aff2 hex color

#05aff2 Color Information

#05aff2 Color Conversion

Color Schemes with #05aff2

Alternatives to #05aff2

#05aff2 Preview

Shades and Tints of #05aff2

Tones of #05aff2

Color Blindness Simulator