#58aae6 hex color

In a RGB color space, hex #58aae6 is composed of 34.5% red, 66.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 26.1% magenta, 0% yellow and 9.8% black. It has a hue angle of 205.4 degrees, a saturation of 74% and a lightness of 62.4%. #58aae6 color hex could be obtained by blending #b0ffff with #0055cd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 67
- B 90
RGB color chart
- C 62
- M 26
- Y 0
- K 10
CMYK color chart

● #58aae6 color description : Soft blue.

The hexadecimal color #58aae6 has RGB values of R:88, G:170, B:230 and CMYK values of C:0.62, M:0.26, Y:0, K:0.1. Its decimal value is 5810918.

Hex triplet	58aae6	`#58aae6`
RGB Decimal	88, 170, 230	`rgb(88,170,230)`
RGB Percent	34.5, 66.7, 90.2	`rgb(34.5%,66.7%,90.2%)`
CMYK	62, 26, 0, 10
HSL	205.4°, 74, 62.4	`hsl(205.4,74%,62.4%)`
HSV (or HSB)	205.4°, 61.7, 90.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.927, -7.165, -37.635
XYZ	32.679, 36.535, 80.188
xyY	0.219, 0.245, 36.535
CIE-LCH	66.927, 38.311, 259.22
CIE-LUV	66.927, -33.652, -59.13
Hunter-Lab	60.444, -9.273, -36.346
Binary	01011000, 10101010, 11100110

#58aae6
```
#58aae6 rgb(88,170,230)
```
#e69458
```
#e69458 rgb(230,148,88)
```

Complementary Color

#58e6db
```
#58e6db rgb(88,230,219)
```
#58aae6
```
#58aae6 rgb(88,170,230)
```
#5863e6
```
#5863e6 rgb(88,99,230)
```

Analogous Color

#e6db58
```
#e6db58 rgb(230,219,88)
```
#58aae6
```
#58aae6 rgb(88,170,230)
```
#e65863
```
#e65863 rgb(230,88,99)
```

Split Complementary Color

#aae658
```
#aae658 rgb(170,230,88)
```
#58aae6
```
#58aae6 rgb(88,170,230)
```
#e658aa
```
#e658aa rgb(230,88,170)
```

Triadic Color

#58e694
```
#58e694 rgb(88,230,148)
```
#58aae6
```
#58aae6 rgb(88,170,230)
```
#e658aa
```
#e658aa rgb(230,88,170)
```
#e69458
```
#e69458 rgb(230,148,88)
```

Tetradic Color

#1f87d2
```
#1f87d2 rgb(31,135,210)
```
#2c93df
```
#2c93df rgb(44,147,223)
```
#429fe3
```
#429fe3 rgb(66,159,227)
```
#58aae6
```
#58aae6 rgb(88,170,230)
```
#6eb5e9
```
#6eb5e9 rgb(110,181,233)
```
#84c1ed
```
#84c1ed rgb(132,193,237)
```
#9bccf0
```
#9bccf0 rgb(155,204,240)
```

Monochromatic Color

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

#58cee6
```
#58cee6 rgb(88,206,230)
```
#58c2e6
```
#58c2e6 rgb(88,194,230)
```
#58b6e6
```
#58b6e6 rgb(88,182,230)
```
#58aae6
```
#58aae6 rgb(88,170,230)
```
#589ee6
```
#589ee6 rgb(88,158,230)
```
#5892e6
```
#5892e6 rgb(88,146,230)
```
#5887e6
```
#5887e6 rgb(88,135,230)
```

Similar Colors

Text with hexadecimal color #58aae6

This text has a font color of #58aae6.

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

#58aae6 background color

This paragraph has a background color of #58aae6.

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

#58aae6 border color

This element has a border color of #58aae6.

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

CSS codes

.text {color:#58aae6;}

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

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

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, #010204 is the darkest color, while #f2f8fd is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#030d15
```
#030d15 rgb(3,13,21)
```
#061826
```
#061826 rgb(6,24,38)
```
#082337
```
#082337 rgb(8,35,55)
```
#0b2e48
```
#0b2e48 rgb(11,46,72)
```
#0d3959
```
#0d3959 rgb(13,57,89)
```
#10446a
```
#10446a rgb(16,68,106)
```
#124f7b
```
#124f7b rgb(18,79,123)
```
#155a8c
```
#155a8c rgb(21,90,140)
```
#18659d
```
#18659d rgb(24,101,157)
```
#1a70ae
```
#1a70ae rgb(26,112,174)
```
#1d7bbf
```
#1d7bbf rgb(29,123,191)
```
#1f85d0
```
#1f85d0 rgb(31,133,208)
```

Shade Color Variation

#2590de
```
#2590de rgb(37,144,222)
```
#3699e1
```
#3699e1 rgb(54,153,225)
```
#47a1e3
```
#47a1e3 rgb(71,161,227)
```
#58aae6
```
#58aae6 rgb(88,170,230)
```
#69b3e9
```
#69b3e9 rgb(105,179,233)
```
#7abbeb
```
#7abbeb rgb(122,187,235)
```
#8bc4ee
```
#8bc4ee rgb(139,196,238)
```
#9ccdf0
```
#9ccdf0 rgb(156,205,240)
```
#add5f3
```
#add5f3 rgb(173,213,243)
```
#bedef5
```
#bedef5 rgb(190,222,245)
```
#cfe7f8
```
#cfe7f8 rgb(207,231,248)
```
#e0effa
```
#e0effa rgb(224,239,250)
```
#f2f8fd
```
#f2f8fd rgb(242,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa0a4 is the less saturated color, while #42adfc is the most saturated one.

#9aa0a4
```
#9aa0a4 rgb(154,160,164)
```
#93a1ab
```
#93a1ab rgb(147,161,171)
```
#8ca2b2
```
#8ca2b2 rgb(140,162,178)
```
#84a3ba
```
#84a3ba rgb(132,163,186)
```
#7da4c1
```
#7da4c1 rgb(125,164,193)
```
#76a5c8
```
#76a5c8 rgb(118,165,200)
```
#6ea7d0
```
#6ea7d0 rgb(110,167,208)
```
#67a8d7
```
#67a8d7 rgb(103,168,215)
```
#5fa9df
```
#5fa9df rgb(95,169,223)
```
#58aae6
```
#58aae6 rgb(88,170,230)
```
#51abed
```
#51abed rgb(81,171,237)
```
#49acf5
```
#49acf5 rgb(73,172,245)
```
#42adfc
```
#42adfc rgb(66,173,252)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8b9ca8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a5e1 Protanopia 1% of men
#8aa6ea Deuteranopia 1% of men
#49b5c2 Tritanopia 0.001% of the population

Trichromacy

#7ea7e2 Protanomaly 1% of men, 0.01% of women
#78a7e8 Deuteranomaly 6% of men, 0.4% of women
#4eb1cf Tritanomaly 0.01% of the population

#58aae6 hex color

#58aae6 Color Information

#58aae6 Color Conversion

Color Schemes with #58aae6

Alternatives to #58aae6

#58aae6 Preview

Shades and Tints of #58aae6

Tones of #58aae6

Color Blindness Simulator