#58a2ec hex color

In a RGB color space, hex #58a2ec is composed of 34.5% red, 63.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 31.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 210 degrees, a saturation of 79.6% and a lightness of 63.5%. #58a2ec color hex could be obtained by blending #b0ffff with #0045d9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 64
- B 93
RGB color chart
- C 63
- M 31
- Y 0
- K 7
CMYK color chart

● #58a2ec color description : Soft blue.

The hexadecimal color #58a2ec has RGB values of R:88, G:162, B:236 and CMYK values of C:0.63, M:0.31, Y:0, K:0.07. Its decimal value is 5808876.

Hex triplet	58a2ec	`#58a2ec`
RGB Decimal	88, 162, 236	`rgb(88,162,236)`
RGB Percent	34.5, 63.5, 92.5	`rgb(34.5%,63.5%,92.5%)`
CMYK	63, 31, 0, 7
HSL	210°, 79.6, 63.5	`hsl(210,79.6%,63.5%)`
HSV (or HSB)	210°, 62.7, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.938, -0.741, -44.04
XYZ	32.082, 33.969, 84.218
xyY	0.213, 0.226, 33.969
CIE-LCH	64.938, 44.046, 269.036
CIE-LUV	64.938, -30.624, -70.429
Hunter-Lab	58.283, -3.741, -44.875
Binary	01011000, 10100010, 11101100

#58a2ec
```
#58a2ec rgb(88,162,236)
```
#eca258
```
#eca258 rgb(236,162,88)
```

Complementary Color

#58ecec
```
#58ecec rgb(88,236,236)
```
#58a2ec
```
#58a2ec rgb(88,162,236)
```
#5858ec
```
#5858ec rgb(88,88,236)
```

Analogous Color

#ecec58
```
#ecec58 rgb(236,236,88)
```
#58a2ec
```
#58a2ec rgb(88,162,236)
```
#ec5858
```
#ec5858 rgb(236,88,88)
```

Split Complementary Color

#a2ec58
```
#a2ec58 rgb(162,236,88)
```
#58a2ec
```
#58a2ec rgb(88,162,236)
```
#ec58a2
```
#ec58a2 rgb(236,88,162)
```

Triadic Color

#58eca2
```
#58eca2 rgb(88,236,162)
```
#58a2ec
```
#58a2ec rgb(88,162,236)
```
#ec58a2
```
#ec58a2 rgb(236,88,162)
```
#eca258
```
#eca258 rgb(236,162,88)
```

Tetradic Color

#197cde
```
#197cde rgb(25,124,222)
```
#2a89e7
```
#2a89e7 rgb(42,137,231)
```
#4195e9
```
#4195e9 rgb(65,149,233)
```
#58a2ec
```
#58a2ec rgb(88,162,236)
```
#6fafef
```
#6fafef rgb(111,175,239)
```
#86bcf1
```
#86bcf1 rgb(134,188,241)
```
#9dc8f4
```
#9dc8f4 rgb(157,200,244)
```

Monochromatic Color

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

#58c7ec
```
#58c7ec rgb(88,199,236)
```
#58bbec
```
#58bbec rgb(88,187,236)
```
#58aeec
```
#58aeec rgb(88,174,236)
```
#58a2ec
```
#58a2ec rgb(88,162,236)
```
#5896ec
```
#5896ec rgb(88,150,236)
```
#5889ec
```
#5889ec rgb(88,137,236)
```
#587dec
```
#587dec rgb(88,125,236)
```

Similar Colors

Text with hexadecimal color #58a2ec

This text has a font color of #58a2ec.

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

#58a2ec background color

This paragraph has a background color of #58a2ec.

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

#58a2ec border color

This element has a border color of #58a2ec.

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

CSS codes

.text {color:#58a2ec;}

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

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

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

#010509
```
#010509 rgb(1,5,9)
```
#030f1b
```
#030f1b rgb(3,15,27)
```
#05192c
```
#05192c rgb(5,25,44)
```
#07233e
```
#07233e rgb(7,35,62)
```
#092c50
```
#092c50 rgb(9,44,80)
```
#0b3661
```
#0b3661 rgb(11,54,97)
```
#0d4073
```
#0d4073 rgb(13,64,115)
```
#0f4a84
```
#0f4a84 rgb(15,74,132)
```
#115496
```
#115496 rgb(17,84,150)
```
#135da8
```
#135da8 rgb(19,93,168)
```
#1567b9
```
#1567b9 rgb(21,103,185)
```
#1771cb
```
#1771cb rgb(23,113,203)
```
#197bdc
```
#197bdc rgb(25,123,220)
```

Shade Color Variation

#2385e6
```
#2385e6 rgb(35,133,230)
```
#358ee8
```
#358ee8 rgb(53,142,232)
```
#4698ea
```
#4698ea rgb(70,152,234)
```
#58a2ec
```
#58a2ec rgb(88,162,236)
```
#6aacee
```
#6aacee rgb(106,172,238)
```
#7bb6f0
```
#7bb6f0 rgb(123,182,240)
```
#8dbff2
```
#8dbff2 rgb(141,191,242)
```
#9ec9f4
```
#9ec9f4 rgb(158,201,244)
```
#b0d3f6
```
#b0d3f6 rgb(176,211,246)
```
#c2ddf8
```
#c2ddf8 rgb(194,221,248)
```
#d3e7fa
```
#d3e7fa rgb(211,231,250)
```
#e5f0fc
```
#e5f0fc rgb(229,240,252)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#a0a2a4
```
#a0a2a4 rgb(160,162,164)
```
#98a2ac
```
#98a2ac rgb(152,162,172)
```
#91a2b3
```
#91a2b3 rgb(145,162,179)
```
#8aa2ba
```
#8aa2ba rgb(138,162,186)
```
#83a2c1
```
#83a2c1 rgb(131,162,193)
```
#7ca2c8
```
#7ca2c8 rgb(124,162,200)
```
#75a2cf
```
#75a2cf rgb(117,162,207)
```
#6da2d7
```
#6da2d7 rgb(109,162,215)
```
#66a2de
```
#66a2de rgb(102,162,222)
```
#5fa2e5
```
#5fa2e5 rgb(95,162,229)
```
#58a2ec
```
#58a2ec rgb(88,162,236)
```
#51a2f3
```
#51a2f3 rgb(81,162,243)
```
#4aa2fa
```
#4aa2fa rgb(74,162,250)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8897a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a0e8 Protanopia 1% of men
#7aa2ee Deuteranopia 1% of men
#40b0bd Tritanopia 0.001% of the population

Trichromacy

#76a0e9 Protanomaly 1% of men, 0.01% of women
#6da2ed Deuteranomaly 6% of men, 0.4% of women
#48abce Tritanomaly 0.01% of the population

#58a2ec hex color

#58a2ec Color Information

#58a2ec Color Conversion

Color Schemes with #58a2ec

Alternatives to #58a2ec

#58a2ec Preview

Shades and Tints of #58a2ec

Tones of #58a2ec

Color Blindness Simulator