#58a5f8 hex color

In a RGB color space, hex #58a5f8 is composed of 34.5% red, 64.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 33.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 211.1 degrees, a saturation of 92% and a lightness of 65.9%. #58a5f8 color hex could be obtained by blending #b0ffff with #004bf1. Closest websafe color is: #6699ff.

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

● #58a5f8 color description : Soft blue.

The hexadecimal color #58a5f8 has RGB values of R:88, G:165, B:248 and CMYK values of C:0.65, M:0.33, Y:0, K:0.03. Its decimal value is 5809656.

Hex triplet	58a5f8	`#58a5f8`
RGB Decimal	88, 165, 248	`rgb(88,165,248)`
RGB Percent	34.5, 64.7, 97.3	`rgb(34.5%,64.7%,97.3%)`
CMYK	65, 33, 0, 3
HSL	211.1°, 92, 65.9	`hsl(211.1,92%,65.9%)`
HSV (or HSB)	211.1°, 64.5, 97.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.336, 1.491, -48.405
XYZ	34.419, 35.76, 93.89
xyY	0.21, 0.218, 35.76
CIE-LCH	66.336, 48.428, 271.765
CIE-LUV	66.336, -31.339, -78.309
Hunter-Lab	59.8, -1.91, -51.23
Binary	01011000, 10100101, 11111000

#58a5f8
```
#58a5f8 rgb(88,165,248)
```
#f8ab58
```
#f8ab58 rgb(248,171,88)
```

Complementary Color

#58f5f8
```
#58f5f8 rgb(88,245,248)
```
#58a5f8
```
#58a5f8 rgb(88,165,248)
```
#5b58f8
```
#5b58f8 rgb(91,88,248)
```

Analogous Color

#f5f858
```
#f5f858 rgb(245,248,88)
```
#58a5f8
```
#58a5f8 rgb(88,165,248)
```
#f85b58
```
#f85b58 rgb(248,91,88)
```

Split Complementary Color

#a5f858
```
#a5f858 rgb(165,248,88)
```
#58a5f8
```
#58a5f8 rgb(88,165,248)
```
#f858a5
```
#f858a5 rgb(248,88,165)
```

Triadic Color

#58f8ab
```
#58f8ab rgb(88,248,171)
```
#58a5f8
```
#58a5f8 rgb(88,165,248)
```
#f858a5
```
#f858a5 rgb(248,88,165)
```
#f8ab58
```
#f8ab58 rgb(248,171,88)
```

Tetradic Color

#0f7df5
```
#0f7df5 rgb(15,125,245)
```
#278bf6
```
#278bf6 rgb(39,139,246)
```
#4098f7
```
#4098f7 rgb(64,152,247)
```
#58a5f8
```
#58a5f8 rgb(88,165,248)
```
#70b2f9
```
#70b2f9 rgb(112,178,249)
```
#89bffa
```
#89bffa rgb(137,191,250)
```
#a1cdfb
```
#a1cdfb rgb(161,205,251)
```

Monochromatic Color

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

#58cdf8
```
#58cdf8 rgb(88,205,248)
```
#58c0f8
```
#58c0f8 rgb(88,192,248)
```
#58b2f8
```
#58b2f8 rgb(88,178,248)
```
#58a5f8
```
#58a5f8 rgb(88,165,248)
```
#5898f8
```
#5898f8 rgb(88,152,248)
```
#588af8
```
#588af8 rgb(88,138,248)
```
#587df8
```
#587df8 rgb(88,125,248)
```

Similar Colors

Text with hexadecimal color #58a5f8

This text has a font color of #58a5f8.

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

#58a5f8 background color

This paragraph has a background color of #58a5f8.

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

#58a5f8 border color

This element has a border color of #58a5f8.

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

CSS codes

.text {color:#58a5f8;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010b15
```
#010b15 rgb(1,11,21)
```
#021428
```
#021428 rgb(2,20,40)
```
#021e3b
```
#021e3b rgb(2,30,59)
```
#03274e
```
#03274e rgb(3,39,78)
```
#043161
```
#043161 rgb(4,49,97)
```
#053a73
```
#053a73 rgb(5,58,115)
```
#064486
```
#064486 rgb(6,68,134)
```
#064d99
```
#064d99 rgb(6,77,153)
```
#0756ac
```
#0756ac rgb(7,86,172)
```
#0860bf
```
#0860bf rgb(8,96,191)
```
#0969d2
```
#0969d2 rgb(9,105,210)
```
#0a73e4
```
#0a73e4 rgb(10,115,228)
```

Shade Color Variation

#0d7cf5
```
#0d7cf5 rgb(13,124,245)
```
#2087f6
```
#2087f6 rgb(32,135,246)
```
#3291f6
```
#3291f6 rgb(50,145,246)
```
#459bf7
```
#459bf7 rgb(69,155,247)
```
#58a5f8
```
#58a5f8 rgb(88,165,248)
```
#6baff9
```
#6baff9 rgb(107,175,249)
```
#7eb9fa
```
#7eb9fa rgb(126,185,250)
```
#90c3fa
```
#90c3fa rgb(144,195,250)
```
#a3cefb
```
#a3cefb rgb(163,206,251)
```
#b6d8fc
```
#b6d8fc rgb(182,216,252)
```
#c9e2fd
```
#c9e2fd rgb(201,226,253)
```
#dcecfe
```
#dcecfe rgb(220,236,254)
```
#eff6fe
```
#eff6fe rgb(239,246,254)
```

Tint Color Variation

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

#a2a8ae
```
#a2a8ae rgb(162,168,174)
```
#9ba8b5
```
#9ba8b5 rgb(155,168,181)
```
#94a7bc
```
#94a7bc rgb(148,167,188)
```
#8ea7c2
```
#8ea7c2 rgb(142,167,194)
```
#87a7c9
```
#87a7c9 rgb(135,167,201)
```
#80a7d0
```
#80a7d0 rgb(128,167,208)
```
#79a6d7
```
#79a6d7 rgb(121,166,215)
```
#73a6dd
```
#73a6dd rgb(115,166,221)
```
#6ca6e4
```
#6ca6e4 rgb(108,166,228)
```
#65a6eb
```
#65a6eb rgb(101,166,235)
```
#5fa5f1
```
#5fa5f1 rgb(95,165,241)
```
#58a5f8
```
#58a5f8 rgb(88,165,248)
```
#51a5ff
```
#51a5ff rgb(81,165,255)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8a9aaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a3f3 Protanopia 1% of men
#75a6f9 Deuteranopia 1% of men
#36b5c2 Tritanopia 0.001% of the population

Trichromacy

#76a4f5 Protanomaly 1% of men, 0.01% of women
#6aa5f9 Deuteranomaly 6% of men, 0.4% of women
#42afd5 Tritanomaly 0.01% of the population

#58a5f8 hex color

#58a5f8 Color Information

#58a5f8 Color Conversion

Color Schemes with #58a5f8

Alternatives to #58a5f8

#58a5f8 Preview

Shades and Tints of #58a5f8

Tones of #58a5f8

Color Blindness Simulator