#58f5dc hex color

In a RGB color space, hex #58f5dc is composed of 34.5% red, 96.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 0% magenta, 10.2% yellow and 3.9% black. It has a hue angle of 170.4 degrees, a saturation of 88.7% and a lightness of 65.3%. #58f5dc color hex could be obtained by blending #b0ffff with #00ebb9. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 35
- G 96
- B 86
RGB color chart
- C 64
- M 0
- Y 10
- K 4
CMYK color chart

● #58f5dc color description : Soft cyan.

The hexadecimal color #58f5dc has RGB values of R:88, G:245, B:220 and CMYK values of C:0.64, M:0, Y:0.1, K:0.04. Its decimal value is 5830108.

Hex triplet	58f5dc	`#58f5dc`
RGB Decimal	88, 245, 220	`rgb(88,245,220)`
RGB Percent	34.5, 96.1, 86.3	`rgb(34.5%,96.1%,86.3%)`
CMYK	64, 0, 10, 4
HSL	170.4°, 88.7, 65.3	`hsl(170.4,88.7%,65.3%)`
HSV (or HSB)	170.4°, 64.1, 96.1
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	88.229, -46.74, -0.082
XYZ	49.591, 72.543, 79.095
xyY	0.246, 0.36, 72.543
CIE-LCH	88.229, 46.74, 180.101
CIE-LUV	88.229, -61.451, 7.436
Hunter-Lab	85.172, -45.12, 4.561
Binary	01011000, 11110101, 11011100

#58f5dc
```
#58f5dc rgb(88,245,220)
```
#f55871
```
#f55871 rgb(245,88,113)
```

Complementary Color

#58f58e
```
#58f58e rgb(88,245,142)
```
#58f5dc
```
#58f5dc rgb(88,245,220)
```
#58c0f5
```
#58c0f5 rgb(88,192,245)
```

Analogous Color

#f58e58
```
#f58e58 rgb(245,142,88)
```
#58f5dc
```
#58f5dc rgb(88,245,220)
```
#f558c0
```
#f558c0 rgb(245,88,192)
```

Split Complementary Color

#f5dc58
```
#f5dc58 rgb(245,220,88)
```
#58f5dc
```
#58f5dc rgb(88,245,220)
```
#dc58f5
```
#dc58f5 rgb(220,88,245)
```

Triadic Color

#71f558
```
#71f558 rgb(113,245,88)
```
#58f5dc
```
#58f5dc rgb(88,245,220)
```
#dc58f5
```
#dc58f5 rgb(220,88,245)
```
#f55871
```
#f55871 rgb(245,88,113)
```

Tetradic Color

#10f1cd
```
#10f1cd rgb(16,241,205)
```
#28f2d2
```
#28f2d2 rgb(40,242,210)
```
#40f4d7
```
#40f4d7 rgb(64,244,215)
```
#58f5dc
```
#58f5dc rgb(88,245,220)
```
#70f6e1
```
#70f6e1 rgb(112,246,225)
```
#88f8e6
```
#88f8e6 rgb(136,248,230)
```
#a0f9eb
```
#a0f9eb rgb(160,249,235)
```

Monochromatic Color

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

#58f5b5
```
#58f5b5 rgb(88,245,181)
```
#58f5c2
```
#58f5c2 rgb(88,245,194)
```
#58f5cf
```
#58f5cf rgb(88,245,207)
```
#58f5dc
```
#58f5dc rgb(88,245,220)
```
#58f5e9
```
#58f5e9 rgb(88,245,233)
```
#58f4f5
```
#58f4f5 rgb(88,244,245)
```
#58e7f5
```
#58e7f5 rgb(88,231,245)
```

Similar Colors

Text with hexadecimal color #58f5dc

This text has a font color of #58f5dc.

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

#58f5dc background color

This paragraph has a background color of #58f5dc.

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

#58f5dc border color

This element has a border color of #58f5dc.

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

CSS codes

.text {color:#58f5dc;}

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

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

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, #01120f is the darkest color, while #ffffff is the lightest one.

#01120f
```
#01120f rgb(1,18,15)
```
#02251f
```
#02251f rgb(2,37,31)
```
#03372f
```
#03372f rgb(3,55,47)
```
#044a3f
```
#044a3f rgb(4,74,63)
```
#065c4e
```
#065c4e rgb(6,92,78)
```
#076f5e
```
#076f5e rgb(7,111,94)
```
#08816e
```
#08816e rgb(8,129,110)
```
#09947e
```
#09947e rgb(9,148,126)
```
#0aa68d
```
#0aa68d rgb(10,166,141)
```
#0bb99d
```
#0bb99d rgb(11,185,157)
```
#0ccbad
```
#0ccbad rgb(12,203,173)
```
#0ddebc
```
#0ddebc rgb(13,222,188)
```
#0ef0cc
```
#0ef0cc rgb(14,240,204)
```

Shade Color Variation

#20f2d0
```
#20f2d0 rgb(32,242,208)
```
#33f3d4
```
#33f3d4 rgb(51,243,212)
```
#45f4d8
```
#45f4d8 rgb(69,244,216)
```
#58f5dc
```
#58f5dc rgb(88,245,220)
```
#6bf6e0
```
#6bf6e0 rgb(107,246,224)
```
#7df7e4
```
#7df7e4 rgb(125,247,228)
```
#90f8e8
```
#90f8e8 rgb(144,248,232)
```
#a2f9ec
```
#a2f9ec rgb(162,249,236)
```
#b5fbef
```
#b5fbef rgb(181,251,239)
```
#c7fcf3
```
#c7fcf3 rgb(199,252,243)
```
#dafdf7
```
#dafdf7 rgb(218,253,247)
```
#ecfefb
```
#ecfefb rgb(236,254,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a3aaa9
```
#a3aaa9 rgb(163,170,169)
```
#9cb1ae
```
#9cb1ae rgb(156,177,174)
```
#95b8b2
```
#95b8b2 rgb(149,184,178)
```
#8ebfb7
```
#8ebfb7 rgb(142,191,183)
```
#88c5bc
```
#88c5bc rgb(136,197,188)
```
#81ccc0
```
#81ccc0 rgb(129,204,192)
```
#7ad3c5
```
#7ad3c5 rgb(122,211,197)
```
#73dac9
```
#73dac9 rgb(115,218,201)
```
#6ce1ce
```
#6ce1ce rgb(108,225,206)
```
#66e7d3
```
#66e7d3 rgb(102,231,211)
```
#5feed7
```
#5feed7 rgb(95,238,215)
```
#58f5dc
```
#58f5dc rgb(88,245,220)
```
#51fce1
```
#51fce1 rgb(81,252,225)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#aecdc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ded1 Protanopia 1% of men
#efd8e7 Deuteranopia 1% of men
#82eeff Tritanopia 0.001% of the population

Trichromacy

#b2e6d5 Protanomaly 1% of men, 0.01% of women
#b8e3e3 Deuteranomaly 6% of men, 0.4% of women
#73f1f2 Tritanomaly 0.01% of the population

#58f5dc hex color

#58f5dc Color Information

#58f5dc Color Conversion

Color Schemes with #58f5dc

Alternatives to #58f5dc

#58f5dc Preview

Shades and Tints of #58f5dc

Tones of #58f5dc

Color Blindness Simulator