#58aaff hex color

In a RGB color space, hex #58aaff is composed of 34.5% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 210.5 degrees, a saturation of 100% and a lightness of 67.3%. #58aaff color hex could be obtained by blending #b0ffff with #0055ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 67
- B 100
RGB color chart
- C 65
- M 33
- Y 0
- K 0
CMYK color chart

● #58aaff color description : Light blue.

The hexadecimal color #58aaff has RGB values of R:88, G:170, B:255 and CMYK values of C:0.65, M:0.33, Y:0, K:0. Its decimal value is 5810943.

Hex triplet	58aaff	`#58aaff`
RGB Decimal	88, 170, 255	`rgb(88,170,255)`
RGB Percent	34.5, 66.7, 100	`rgb(34.5%,66.7%,100%)`
CMYK	65, 33, 0, 0
HSL	210.5°, 100, 67.3	`hsl(210.5,100%,67.3%)`
HSV (or HSB)	210.5°, 65.5, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.051, 0.958, -49.506
XYZ	36.445, 38.042, 100.024
xyY	0.209, 0.218, 38.042
CIE-LCH	68.051, 49.515, 271.109
CIE-LUV	68.051, -32.854, -80.43
Hunter-Lab	61.678, -2.462, -52.977
Binary	01011000, 10101010, 11111111

#58aaff
```
#58aaff rgb(88,170,255)
```
#ffad58
```
#ffad58 rgb(255,173,88)
```

Complementary Color

#58feff
```
#58feff rgb(88,254,255)
```
#58aaff
```
#58aaff rgb(88,170,255)
```
#5a58ff
```
#5a58ff rgb(90,88,255)
```

Analogous Color

#feff58
```
#feff58 rgb(254,255,88)
```
#58aaff
```
#58aaff rgb(88,170,255)
```
#ff5a58
```
#ff5a58 rgb(255,90,88)
```

Split Complementary Color

#aaff58
```
#aaff58 rgb(170,255,88)
```
#58aaff
```
#58aaff rgb(88,170,255)
```
#ff58aa
```
#ff58aa rgb(255,88,170)
```

Triadic Color

#58ffad
```
#58ffad rgb(88,255,173)
```
#58aaff
```
#58aaff rgb(88,170,255)
```
#ff58aa
```
#ff58aa rgb(255,88,170)
```
#ffad58
```
#ffad58 rgb(255,173,88)
```

Tetradic Color

#0c83ff
```
#0c83ff rgb(12,131,255)
```
#2590ff
```
#2590ff rgb(37,144,255)
```
#3f9dff
```
#3f9dff rgb(63,157,255)
```
#58aaff
```
#58aaff rgb(88,170,255)
```
#72b7ff
```
#72b7ff rgb(114,183,255)
```
#8bc4ff
```
#8bc4ff rgb(139,196,255)
```
#a5d1ff
```
#a5d1ff rgb(165,209,255)
```

Monochromatic Color

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

#58d4ff
```
#58d4ff rgb(88,212,255)
```
#58c6ff
```
#58c6ff rgb(88,198,255)
```
#58b8ff
```
#58b8ff rgb(88,184,255)
```
#58aaff
```
#58aaff rgb(88,170,255)
```
#589cff
```
#589cff rgb(88,156,255)
```
#588eff
```
#588eff rgb(88,142,255)
```
#5880ff
```
#5880ff rgb(88,128,255)
```

Similar Colors

Text with hexadecimal color #58aaff

This text has a font color of #58aaff.

<span style="color:#58aaff;">Text here</span>

#58aaff background color

This paragraph has a background color of #58aaff.

<p style="background-color:#58aaff;">Content here</p>

#58aaff border color

This element has a border color of #58aaff.

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

CSS codes

.text {color:#58aaff;}

.background {background-color:#58aaff;}

.border {border:1px solid #58aaff;}

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, #00050a is the darkest color, while #f5faff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#000e1d
```
#000e1d rgb(0,14,29)
```
#001831
```
#001831 rgb(0,24,49)
```
#002244
```
#002244 rgb(0,34,68)
```
#002b58
```
#002b58 rgb(0,43,88)
```
#00356c
```
#00356c rgb(0,53,108)
```
#003e7f
```
#003e7f rgb(0,62,127)
```
#004893
```
#004893 rgb(0,72,147)
```
#0052a6
```
#0052a6 rgb(0,82,166)
```
#005bba
```
#005bba rgb(0,91,186)
```
#0065ce
```
#0065ce rgb(0,101,206)
```
#006fe1
```
#006fe1 rgb(0,111,225)
```
#0078f5
```
#0078f5 rgb(0,120,245)
```

Shade Color Variation

#0a82ff
```
#0a82ff rgb(10,130,255)
```
#1d8cff
```
#1d8cff rgb(29,140,255)
```
#3196ff
```
#3196ff rgb(49,150,255)
```
#44a0ff
```
#44a0ff rgb(68,160,255)
```
#58aaff
```
#58aaff rgb(88,170,255)
```
#6cb4ff
```
#6cb4ff rgb(108,180,255)
```
#7fbeff
```
#7fbeff rgb(127,190,255)
```
#93c8ff
```
#93c8ff rgb(147,200,255)
```
#a6d2ff
```
#a6d2ff rgb(166,210,255)
```
#badcff
```
#badcff rgb(186,220,255)
```
#cee6ff
```
#cee6ff rgb(206,230,255)
```
#e1f0ff
```
#e1f0ff rgb(225,240,255)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

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

#a5abb2
```
#a5abb2 rgb(165,171,178)
```
#9fabb8
```
#9fabb8 rgb(159,171,184)
```
#98abbf
```
#98abbf rgb(152,171,191)
```
#92abc5
```
#92abc5 rgb(146,171,197)
```
#8babcc
```
#8babcc rgb(139,171,204)
```
#85abd2
```
#85abd2 rgb(133,171,210)
```
#7fabd8
```
#7fabd8 rgb(127,171,216)
```
#78abdf
```
#78abdf rgb(120,171,223)
```
#72aae5
```
#72aae5 rgb(114,170,229)
```
#6baaec
```
#6baaec rgb(107,170,236)
```
#65aaf2
```
#65aaf2 rgb(101,170,242)
```
#5eaaf9
```
#5eaaf9 rgb(94,170,249)
```
#58aaff
```
#58aaff rgb(88,170,255)
```

Tone Color Variation

Below, you can see how #58aaff 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

#9b9b9b Achromatopsia 0.005% of the population
#8e9eaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba7f9 Protanopia 1% of men
#79aaff Deuteranopia 1% of men
#31bac7 Tritanopia 0.001% of the population

Trichromacy

#78a8fb Protanomaly 1% of men, 0.01% of women
#6daaff Deuteranomaly 6% of men, 0.4% of women
#3fb4db Tritanomaly 0.01% of the population

#58aaff hex color

#58aaff Color Information

#58aaff Color Conversion

Color Schemes with #58aaff

Alternatives to #58aaff

#58aaff Preview

Shades and Tints of #58aaff

Tones of #58aaff

Color Blindness Simulator