#05a5e3 hex color

In a RGB color space, hex #05a5e3 is composed of 2% red, 64.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 27.3% magenta, 0% yellow and 11% black. It has a hue angle of 196.8 degrees, a saturation of 95.7% and a lightness of 45.5%. #05a5e3 color hex could be obtained by blending #0affff with #004bc7. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 65
- B 89
RGB color chart
- C 98
- M 27
- Y 0
- K 11
CMYK color chart

● #05a5e3 color description : Vivid blue.

The hexadecimal color #05a5e3 has RGB values of R:5, G:165, B:227 and CMYK values of C:0.98, M:0.27, Y:0, K:0.11. Its decimal value is 370147.

Hex triplet	05a5e3	`#05a5e3`
RGB Decimal	5, 165, 227	`rgb(5,165,227)`
RGB Percent	2, 64.7, 89	`rgb(2%,64.7%,89%)`
CMYK	98, 27, 0, 11
HSL	196.8°, 95.7, 45.5	`hsl(196.8,95.7%,45.5%)`
HSV (or HSB)	196.8°, 97.8, 89
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.742, -13.502, -41.081
XYZ	27.379, 32.486, 77.496
xyY	0.199, 0.236, 32.486
CIE-LCH	63.742, 43.243, 251.806
CIE-LUV	63.742, -42.478, -63.824
Hunter-Lab	56.996, -13.998, -40.717
Binary	00000101, 10100101, 11100011

#05a5e3
```
#05a5e3 rgb(5,165,227)
```
#e34305
```
#e34305 rgb(227,67,5)
```

Complementary Color

#05e3b2
```
#05e3b2 rgb(5,227,178)
```
#05a5e3
```
#05a5e3 rgb(5,165,227)
```
#0536e3
```
#0536e3 rgb(5,54,227)
```

Analogous Color

#e3b205
```
#e3b205 rgb(227,178,5)
```
#05a5e3
```
#05a5e3 rgb(5,165,227)
```
#e30536
```
#e30536 rgb(227,5,54)
```

Split Complementary Color

#a5e305
```
#a5e305 rgb(165,227,5)
```
#05a5e3
```
#05a5e3 rgb(5,165,227)
```
#e305a5
```
#e305a5 rgb(227,5,165)
```

Triadic Color

#05e343
```
#05e343 rgb(5,227,67)
```
#05a5e3
```
#05a5e3 rgb(5,165,227)
```
#e305a5
```
#e305a5 rgb(227,5,165)
```
#e34305
```
#e34305 rgb(227,67,5)
```

Tetradic Color

#036f98
```
#036f98 rgb(3,111,152)
```
#0481b1
```
#0481b1 rgb(4,129,177)
```
#0493ca
```
#0493ca rgb(4,147,202)
```
#05a5e3
```
#05a5e3 rgb(5,165,227)
```
#08b6fa
```
#08b6fa rgb(8,182,250)
```
#21bdfa
```
#21bdfa rgb(33,189,250)
```
#3ac5fb
```
#3ac5fb rgb(58,197,251)
```

Monochromatic Color

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

#05dde3
```
#05dde3 rgb(5,221,227)
```
#05cae3
```
#05cae3 rgb(5,202,227)
```
#05b8e3
```
#05b8e3 rgb(5,184,227)
```
#05a5e3
```
#05a5e3 rgb(5,165,227)
```
#0593e3
```
#0593e3 rgb(5,147,227)
```
#0580e3
```
#0580e3 rgb(5,128,227)
```
#056ee3
```
#056ee3 rgb(5,110,227)
```

Similar Colors

Text with hexadecimal color #05a5e3

This text has a font color of #05a5e3.

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

#05a5e3 background color

This paragraph has a background color of #05a5e3.

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

#05a5e3 border color

This element has a border color of #05a5e3.

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

CSS codes

.text {color:#05a5e3;}

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

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

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

#000c10
```
#000c10 rgb(0,12,16)
```
#011923
```
#011923 rgb(1,25,35)
```
#012736
```
#012736 rgb(1,39,54)
```
#023549
```
#023549 rgb(2,53,73)
```
#02435d
```
#02435d rgb(2,67,93)
```
#025170
```
#025170 rgb(2,81,112)
```
#035f83
```
#035f83 rgb(3,95,131)
```
#036d96
```
#036d96 rgb(3,109,150)
```
#047ba9
```
#047ba9 rgb(4,123,169)
```
#0489bd
```
#0489bd rgb(4,137,189)
```
#0597d0
```
#0597d0 rgb(5,151,208)
```
#05a5e3
```
#05a5e3 rgb(5,165,227)
```
#05b3f6
```
#05b3f6 rgb(5,179,246)
```

Shade Color Variation

#15bafa
```
#15bafa rgb(21,186,250)
```
#29c0fa
```
#29c0fa rgb(41,192,250)
```
#3cc5fb
```
#3cc5fb rgb(60,197,251)
```
#4fcbfb
```
#4fcbfb rgb(79,203,251)
```
#62d1fc
```
#62d1fc rgb(98,209,252)
```
#75d6fc
```
#75d6fc rgb(117,214,252)
```
#89dcfc
```
#89dcfc rgb(137,220,252)
```
#9ce2fd
```
#9ce2fd rgb(156,226,253)
```
#afe7fd
```
#afe7fd rgb(175,231,253)
```
#c2edfe
```
#c2edfe rgb(194,237,254)
```
#d5f3fe
```
#d5f3fe rgb(213,243,254)
```
#e8f8ff
```
#e8f8ff rgb(232,248,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#707678
```
#707678 rgb(112,118,120)
```
#677a81
```
#677a81 rgb(103,122,129)
```
#5e7e8a
```
#5e7e8a rgb(94,126,138)
```
#558293
```
#558293 rgb(85,130,147)
```
#4c859c
```
#4c859c rgb(76,133,156)
```
#4389a5
```
#4389a5 rgb(67,137,165)
```
#3b8dad
```
#3b8dad rgb(59,141,173)
```
#3291b6
```
#3291b6 rgb(50,145,182)
```
#2995bf
```
#2995bf rgb(41,149,191)
```
#2099c8
```
#2099c8 rgb(32,153,200)
```
#179dd1
```
#179dd1 rgb(23,157,209)
```
#0ea1da
```
#0ea1da rgb(14,161,218)
```
#05a5e3
```
#05a5e3 rgb(5,165,227)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#648491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a9ddb Protanopia 1% of men
#799fe8 Deuteranopia 1% of men
#00afba Tritanopia 0.001% of the population

Trichromacy

#5aa0de Protanomaly 1% of men, 0.01% of women
#4fa1e6 Deuteranomaly 6% of men, 0.4% of women
#01abc9 Tritanomaly 0.01% of the population

#05a5e3 hex color

#05a5e3 Color Information

#05a5e3 Color Conversion

Color Schemes with #05a5e3

Alternatives to #05a5e3

#05a5e3 Preview

Shades and Tints of #05a5e3

Tones of #05a5e3

Color Blindness Simulator