#58a3de hex color

In a RGB color space, hex #58a3de is composed of 34.5% red, 63.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 26.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 206.4 degrees, a saturation of 67% and a lightness of 60.8%. #58a3de color hex could be obtained by blending #b0ffff with #0047bd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 64
- B 87
RGB color chart
- C 60
- M 27
- Y 0
- K 13
CMYK color chart

● #58a3de color description : Soft blue.

The hexadecimal color #58a3de has RGB values of R:88, G:163, B:222 and CMYK values of C:0.6, M:0.27, Y:0, K:0.13. Its decimal value is 5809118.

Hex triplet	58a3de	`#58a3de`
RGB Decimal	88, 163, 222	`rgb(88,163,222)`
RGB Percent	34.5, 63.9, 87.1	`rgb(34.5%,63.9%,87.1%)`
CMYK	60, 27, 0, 13
HSL	206.4°, 67, 60.8	`hsl(206.4,67%,60.8%)`
HSV (or HSB)	206.4°, 60.4, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.597, -5.823, -36.866
XYZ	30.303, 33.541, 73.98
xyY	0.22, 0.243, 33.541
CIE-LCH	64.597, 37.323, 261.024
CIE-LUV	64.597, -31.38, -57.691
Hunter-Lab	57.915, -7.952, -35.197
Binary	01011000, 10100011, 11011110

#58a3de
```
#58a3de rgb(88,163,222)
```
#de9358
```
#de9358 rgb(222,147,88)
```

Complementary Color

#58ded6
```
#58ded6 rgb(88,222,214)
```
#58a3de
```
#58a3de rgb(88,163,222)
```
#5860de
```
#5860de rgb(88,96,222)
```

Analogous Color

#ded658
```
#ded658 rgb(222,214,88)
```
#58a3de
```
#58a3de rgb(88,163,222)
```
#de5860
```
#de5860 rgb(222,88,96)
```

Split Complementary Color

#a3de58
```
#a3de58 rgb(163,222,88)
```
#58a3de
```
#58a3de rgb(88,163,222)
```
#de58a3
```
#de58a3 rgb(222,88,163)
```

Triadic Color

#58de93
```
#58de93 rgb(88,222,147)
```
#58a3de
```
#58a3de rgb(88,163,222)
```
#de58a3
```
#de58a3 rgb(222,88,163)
```
#de9358
```
#de9358 rgb(222,147,88)
```

Tetradic Color

#277ec3
```
#277ec3 rgb(39,126,195)
```
#2d8cd6
```
#2d8cd6 rgb(45,140,214)
```
#4397da
```
#4397da rgb(67,151,218)
```
#58a3de
```
#58a3de rgb(88,163,222)
```
#6dafe2
```
#6dafe2 rgb(109,175,226)
```
#83bae6
```
#83bae6 rgb(131,186,230)
```
#98c6eb
```
#98c6eb rgb(152,198,235)
```

Monochromatic Color

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

#58c5de
```
#58c5de rgb(88,197,222)
```
#58b9de
```
#58b9de rgb(88,185,222)
```
#58aede
```
#58aede rgb(88,174,222)
```
#58a3de
```
#58a3de rgb(88,163,222)
```
#5898de
```
#5898de rgb(88,152,222)
```
#588dde
```
#588dde rgb(88,141,222)
```
#5882de
```
#5882de rgb(88,130,222)
```

Similar Colors

Text with hexadecimal color #58a3de

This text has a font color of #58a3de.

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

#58a3de background color

This paragraph has a background color of #58a3de.

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

#58a3de border color

This element has a border color of #58a3de.

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

CSS codes

.text {color:#58a3de;}

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

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

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, #03090d is the darkest color, while #fcfdfe is the lightest one.

#03090d
```
#03090d rgb(3,9,13)
```
#06131e
```
#06131e rgb(6,19,30)
```
#091e2e
```
#091e2e rgb(9,30,46)
```
#0c283e
```
#0c283e rgb(12,40,62)
```
#10334f
```
#10334f rgb(16,51,79)
```
#133d5f
```
#133d5f rgb(19,61,95)
```
#16486f
```
#16486f rgb(22,72,111)
```
#195380
```
#195380 rgb(25,83,128)
```
#1c5d90
```
#1c5d90 rgb(28,93,144)
```
#2068a1
```
#2068a1 rgb(32,104,161)
```
#2372b1
```
#2372b1 rgb(35,114,177)
```
#267dc1
```
#267dc1 rgb(38,125,193)
```
#2988d2
```
#2988d2 rgb(41,136,210)
```

Shade Color Variation

#3791d8
```
#3791d8 rgb(55,145,216)
```
#489adb
```
#489adb rgb(72,154,219)
```
#58a3de
```
#58a3de rgb(88,163,222)
```
#68ace1
```
#68ace1 rgb(104,172,225)
```
#79b5e4
```
#79b5e4 rgb(121,181,228)
```
#89bee8
```
#89bee8 rgb(137,190,232)
```
#9ac7eb
```
#9ac7eb rgb(154,199,235)
```
#aad0ee
```
#aad0ee rgb(170,208,238)
```
#bad9f1
```
#bad9f1 rgb(186,217,241)
```
#cbe2f5
```
#cbe2f5 rgb(203,226,245)
```
#dbebf8
```
#dbebf8 rgb(219,235,248)
```
#ebf4fb
```
#ebf4fb rgb(235,244,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969ca0 is the less saturated color, while #39a7fd is the most saturated one.

#969ca0
```
#969ca0 rgb(150,156,160)
```
#8e9da8
```
#8e9da8 rgb(142,157,168)
```
#869db0
```
#869db0 rgb(134,157,176)
```
#7e9eb8
```
#7e9eb8 rgb(126,158,184)
```
#779fbf
```
#779fbf rgb(119,159,191)
```
#6fa0c7
```
#6fa0c7 rgb(111,160,199)
```
#67a1cf
```
#67a1cf rgb(103,161,207)
```
#60a2d6
```
#60a2d6 rgb(96,162,214)
```
#58a3de
```
#58a3de rgb(88,163,222)
```
#50a4e6
```
#50a4e6 rgb(80,164,230)
```
#49a5ed
```
#49a5ed rgb(73,165,237)
```
#41a6f5
```
#41a6f5 rgb(65,166,245)
```
#39a7fd
```
#39a7fd rgb(57,167,253)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8796a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9fda Protanopia 1% of men
#85a0e2 Deuteranopia 1% of men
#4baebb Tritanopia 0.001% of the population

Trichromacy

#7aa0db Protanomaly 1% of men, 0.01% of women
#75a1e0 Deuteranomaly 6% of men, 0.4% of women
#4faac8 Tritanomaly 0.01% of the population

#58a3de hex color

#58a3de Color Information

#58a3de Color Conversion

Color Schemes with #58a3de

Alternatives to #58a3de

#58a3de Preview

Shades and Tints of #58a3de

Tones of #58a3de

Color Blindness Simulator