#58a6fe hex color

In a RGB color space, hex #58a6fe is composed of 34.5% red, 65.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 34.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 211.8 degrees, a saturation of 98.8% and a lightness of 67.1%. #58a6fe color hex could be obtained by blending #b0ffff with #004dfd. Closest websafe color is: #6699ff.

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

● #58a6fe color description : Soft blue.

The hexadecimal color #58a6fe has RGB values of R:88, G:166, B:254 and CMYK values of C:0.65, M:0.35, Y:0, K:0. Its decimal value is 5809918.

Hex triplet	58a6fe	`#58a6fe`
RGB Decimal	88, 166, 254	`rgb(88,166,254)`
RGB Percent	34.5, 65.1, 99.6	`rgb(34.5%,65.1%,99.6%)`
CMYK	65, 35, 0, 0
HSL	211.8°, 98.8, 67.1	`hsl(211.8,98.8%,67.1%)`
HSV (or HSB)	211.8°, 65.4, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.901, 2.906, -50.78
XYZ	35.546, 36.5, 98.933
xyY	0.208, 0.213, 36.5
CIE-LCH	66.901, 50.863, 273.276
CIE-LUV	66.901, -31.518, -82.599
Hunter-Lab	60.416, -0.705, -54.798
Binary	01011000, 10100110, 11111110

#58a6fe
```
#58a6fe rgb(88,166,254)
```
#feb058
```
#feb058 rgb(254,176,88)
```

Complementary Color

#58f9fe
```
#58f9fe rgb(88,249,254)
```
#58a6fe
```
#58a6fe rgb(88,166,254)
```
#5d58fe
```
#5d58fe rgb(93,88,254)
```

Analogous Color

#f9fe58
```
#f9fe58 rgb(249,254,88)
```
#58a6fe
```
#58a6fe rgb(88,166,254)
```
#fe5d58
```
#fe5d58 rgb(254,93,88)
```

Split Complementary Color

#a6fe58
```
#a6fe58 rgb(166,254,88)
```
#58a6fe
```
#58a6fe rgb(88,166,254)
```
#fe58a6
```
#fe58a6 rgb(254,88,166)
```

Triadic Color

#58feb0
```
#58feb0 rgb(88,254,176)
```
#58a6fe
```
#58a6fe rgb(88,166,254)
```
#fe58a6
```
#fe58a6 rgb(254,88,166)
```
#feb058
```
#feb058 rgb(254,176,88)
```

Tetradic Color

#0c7dfe
```
#0c7dfe rgb(12,125,254)
```
#258bfe
```
#258bfe rgb(37,139,254)
```
#3f98fe
```
#3f98fe rgb(63,152,254)
```
#58a6fe
```
#58a6fe rgb(88,166,254)
```
#71b4fe
```
#71b4fe rgb(113,180,254)
```
#8bc1fe
```
#8bc1fe rgb(139,193,254)
```
#a4cffe
```
#a4cffe rgb(164,207,254)
```

Monochromatic Color

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

#58d0fe
```
#58d0fe rgb(88,208,254)
```
#58c2fe
```
#58c2fe rgb(88,194,254)
```
#58b4fe
```
#58b4fe rgb(88,180,254)
```
#58a6fe
```
#58a6fe rgb(88,166,254)
```
#5898fe
```
#5898fe rgb(88,152,254)
```
#588afe
```
#588afe rgb(88,138,254)
```
#587dfe
```
#587dfe rgb(88,125,254)
```

Similar Colors

Text with hexadecimal color #58a6fe

This text has a font color of #58a6fe.

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

#58a6fe background color

This paragraph has a background color of #58a6fe.

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

#58a6fe border color

This element has a border color of #58a6fe.

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

CSS codes

.text {color:#58a6fe;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#000d1c
```
#000d1c rgb(0,13,28)
```
#00162f
```
#00162f rgb(0,22,47)
```
#002043
```
#002043 rgb(0,32,67)
```
#012956
```
#012956 rgb(1,41,86)
```
#01326a
```
#01326a rgb(1,50,106)
```
#013b7d
```
#013b7d rgb(1,59,125)
```
#014591
```
#014591 rgb(1,69,145)
```
#014ea4
```
#014ea4 rgb(1,78,164)
```
#0157b8
```
#0157b8 rgb(1,87,184)
```
#0160cb
```
#0160cb rgb(1,96,203)
```
#0169df
```
#0169df rgb(1,105,223)
```
#0173f2
```
#0173f2 rgb(1,115,242)
```

Shade Color Variation

#0a7cfe
```
#0a7cfe rgb(10,124,254)
```
#1e87fe
```
#1e87fe rgb(30,135,254)
```
#3191fe
```
#3191fe rgb(49,145,254)
```
#459cfe
```
#459cfe rgb(69,156,254)
```
#58a6fe
```
#58a6fe rgb(88,166,254)
```
#6bb0fe
```
#6bb0fe rgb(107,176,254)
```
#7fbbfe
```
#7fbbfe rgb(127,187,254)
```
#92c5fe
```
#92c5fe rgb(146,197,254)
```
#a6d0fe
```
#a6d0fe rgb(166,208,254)
```
#b9daff
```
#b9daff rgb(185,218,255)
```
#cde4ff
```
#cde4ff rgb(205,228,255)
```
#e0efff
```
#e0efff rgb(224,239,255)
```
#f4f9ff
```
#f4f9ff rgb(244,249,255)
```

Tint Color Variation

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

#a6abb0
```
#a6abb0 rgb(166,171,176)
```
#9faab7
```
#9faab7 rgb(159,170,183)
```
#99aabd
```
#99aabd rgb(153,170,189)
```
#92aac4
```
#92aac4 rgb(146,170,196)
```
#8ca9ca
```
#8ca9ca rgb(140,169,202)
```
#85a9d1
```
#85a9d1 rgb(133,169,209)
```
#7fa8d7
```
#7fa8d7 rgb(127,168,215)
```
#78a8de
```
#78a8de rgb(120,168,222)
```
#72a8e4
```
#72a8e4 rgb(114,168,228)
```
#6ba7eb
```
#6ba7eb rgb(107,167,235)
```
#65a7f1
```
#65a7f1 rgb(101,167,241)
```
#5ea6f8
```
#5ea6f8 rgb(94,166,248)
```
#58a6fe
```
#58a6fe rgb(88,166,254)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8c9cad Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a4f9 Protanopia 1% of men
#71a7ff Deuteranopia 1% of men
#2fb7c4 Tritanopia 0.001% of the population

Trichromacy

#75a5fb Protanomaly 1% of men, 0.01% of women
#68a7fe Deuteranomaly 6% of men, 0.4% of women
#3db0d9 Tritanomaly 0.01% of the population

#58a6fe hex color

#58a6fe Color Information

#58a6fe Color Conversion

Color Schemes with #58a6fe

Alternatives to #58a6fe

#58a6fe Preview

Shades and Tints of #58a6fe

Tones of #58a6fe

Color Blindness Simulator