#58d7ed hex color

In a RGB color space, hex #58d7ed is composed of 34.5% red, 84.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 9.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 188.9 degrees, a saturation of 80.5% and a lightness of 63.7%. #58d7ed color hex could be obtained by blending #b0ffff with #00afdb. Closest websafe color is: #66ccff.

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

● #58d7ed color description : Soft cyan.

The hexadecimal color #58d7ed has RGB values of R:88, G:215, B:237 and CMYK values of C:0.63, M:0.09, Y:0, K:0.07. Its decimal value is 5822445.

Hex triplet	58d7ed	`#58d7ed`
RGB Decimal	88, 215, 237	`rgb(88,215,237)`
RGB Percent	34.5, 84.3, 92.9	`rgb(34.5%,84.3%,92.9%)`
CMYK	63, 9, 0, 7
HSL	188.9°, 80.5, 63.7	`hsl(188.9,80.5%,63.7%)`
HSV (or HSB)	188.9°, 62.9, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.059, -28.415, -21.225
XYZ	43.607, 56.786, 88.779
xyY	0.231, 0.3, 56.786
CIE-LCH	80.059, 35.467, 216.758
CIE-LUV	80.059, -49.642, -29.57
Hunter-Lab	75.357, -28.582, -17.101
Binary	01011000, 11010111, 11101101

#58d7ed
```
#58d7ed rgb(88,215,237)
```
#ed6e58
```
#ed6e58 rgb(237,110,88)
```

Complementary Color

#58edb9
```
#58edb9 rgb(88,237,185)
```
#58d7ed
```
#58d7ed rgb(88,215,237)
```
#588ded
```
#588ded rgb(88,141,237)
```

Analogous Color

#edb958
```
#edb958 rgb(237,185,88)
```
#58d7ed
```
#58d7ed rgb(88,215,237)
```
#ed588d
```
#ed588d rgb(237,88,141)
```

Split Complementary Color

#d7ed58
```
#d7ed58 rgb(215,237,88)
```
#58d7ed
```
#58d7ed rgb(88,215,237)
```
#ed58d7
```
#ed58d7 rgb(237,88,215)
```

Triadic Color

#58ed6e
```
#58ed6e rgb(88,237,110)
```
#58d7ed
```
#58d7ed rgb(88,215,237)
```
#ed58d7
```
#ed58d7 rgb(237,88,215)
```
#ed6e58
```
#ed6e58 rgb(237,110,88)
```

Tetradic Color

#18c3e0
```
#18c3e0 rgb(24,195,224)
```
#2acce8
```
#2acce8 rgb(42,204,232)
```
#41d1eb
```
#41d1eb rgb(65,209,235)
```
#58d7ed
```
#58d7ed rgb(88,215,237)
```
#6fddef
```
#6fddef rgb(111,221,239)
```
#86e2f2
```
#86e2f2 rgb(134,226,242)
```
#9de8f4
```
#9de8f4 rgb(157,232,244)
```

Monochromatic Color

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

#58edde
```
#58edde rgb(88,237,222)
```
#58edea
```
#58edea rgb(88,237,234)
```
#58e3ed
```
#58e3ed rgb(88,227,237)
```
#58d7ed
```
#58d7ed rgb(88,215,237)
```
#58cbed
```
#58cbed rgb(88,203,237)
```
#58beed
```
#58beed rgb(88,190,237)
```
#58b2ed
```
#58b2ed rgb(88,178,237)
```

Similar Colors

Text with hexadecimal color #58d7ed

This text has a font color of #58d7ed.

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

#58d7ed background color

This paragraph has a background color of #58d7ed.

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

#58d7ed border color

This element has a border color of #58d7ed.

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

CSS codes

.text {color:#58d7ed;}

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

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

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, #01090a is the darkest color, while #f7fdfe is the lightest one.

#01090a
```
#01090a rgb(1,9,10)
```
#03181c
```
#03181c rgb(3,24,28)
```
#05272d
```
#05272d rgb(5,39,45)
```
#07373f
```
#07373f rgb(7,55,63)
```
#094651
```
#094651 rgb(9,70,81)
```
#0b5663
```
#0b5663 rgb(11,86,99)
```
#0d6574
```
#0d6574 rgb(13,101,116)
```
#0e7486
```
#0e7486 rgb(14,116,134)
```
#108498
```
#108498 rgb(16,132,152)
```
#1293a9
```
#1293a9 rgb(18,147,169)
```
#14a2bb
```
#14a2bb rgb(20,162,187)
```
#16b2cd
```
#16b2cd rgb(22,178,205)
```
#18c1df
```
#18c1df rgb(24,193,223)
```

Shade Color Variation

#23cae7
```
#23cae7 rgb(35,202,231)
```
#35cfe9
```
#35cfe9 rgb(53,207,233)
```
#46d3eb
```
#46d3eb rgb(70,211,235)
```
#58d7ed
```
#58d7ed rgb(88,215,237)
```
#6adbef
```
#6adbef rgb(106,219,239)
```
#7bdff1
```
#7bdff1 rgb(123,223,241)
```
#8de4f3
```
#8de4f3 rgb(141,228,243)
```
#9fe8f5
```
#9fe8f5 rgb(159,232,245)
```
#b1ecf7
```
#b1ecf7 rgb(177,236,247)
```
#c2f0f8
```
#c2f0f8 rgb(194,240,248)
```
#d4f5fa
```
#d4f5fa rgb(212,245,250)
```
#e6f9fc
```
#e6f9fc rgb(230,249,252)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#9fa5a6
```
#9fa5a6 rgb(159,165,166)
```
#98aaad
```
#98aaad rgb(152,170,173)
```
#91afb4
```
#91afb4 rgb(145,175,180)
```
#8ab4bb
```
#8ab4bb rgb(138,180,187)
```
#83b9c2
```
#83b9c2 rgb(131,185,194)
```
#7cbec9
```
#7cbec9 rgb(124,190,201)
```
#74c3d1
```
#74c3d1 rgb(116,195,209)
```
#6dc8d8
```
#6dc8d8 rgb(109,200,216)
```
#66cddf
```
#66cddf rgb(102,205,223)
```
#5fd2e6
```
#5fd2e6 rgb(95,210,230)
```
#58d7ed
```
#58d7ed rgb(88,215,237)
```
#51dcf4
```
#51dcf4 rgb(81,220,244)
```
#4ae1fb
```
#4ae1fb rgb(74,225,251)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a2bbbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c7e3 Protanopia 1% of men
#c4c5f5 Deuteranopia 1% of men
#5ed9e9 Tritanopia 0.001% of the population

Trichromacy

#9dcde7 Protanomaly 1% of men, 0.01% of women
#9dcbf2 Deuteranomaly 6% of men, 0.4% of women
#5bd8ea Tritanomaly 0.01% of the population

#58d7ed hex color

#58d7ed Color Information

#58d7ed Color Conversion

Color Schemes with #58d7ed

Alternatives to #58d7ed

#58d7ed Preview

Shades and Tints of #58d7ed

Tones of #58d7ed

Color Blindness Simulator