#58f5df hex color

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

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

● #58f5df color description : Soft cyan.

The hexadecimal color #58f5df has RGB values of R:88, G:245, B:223 and CMYK values of C:0.64, M:0, Y:0.09, K:0.04. Its decimal value is 5830111.

Hex triplet	58f5df	`#58f5df`
RGB Decimal	88, 245, 223	`rgb(88,245,223)`
RGB Percent	34.5, 96.1, 87.5	`rgb(34.5%,96.1%,87.5%)`
CMYK	64, 0, 9, 4
HSL	171.6°, 88.7, 65.3	`hsl(171.6,88.7%,65.3%)`
HSV (or HSB)	171.6°, 64.1, 96.1
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	88.306, -45.989, -1.536
XYZ	49.992, 72.703, 81.206
xyY	0.245, 0.357, 72.703
CIE-LCH	88.306, 46.014, 181.913
CIE-LUV	88.306, -61.268, 5.039
Hunter-Lab	85.266, -44.56, 3.219
Binary	01011000, 11110101, 11011111

#58f5df
```
#58f5df rgb(88,245,223)
```
#f5586e
```
#f5586e rgb(245,88,110)
```

Complementary Color

#58f591
```
#58f591 rgb(88,245,145)
```
#58f5df
```
#58f5df rgb(88,245,223)
```
#58bdf5
```
#58bdf5 rgb(88,189,245)
```

Analogous Color

#f59158
```
#f59158 rgb(245,145,88)
```
#58f5df
```
#58f5df rgb(88,245,223)
```
#f558bd
```
#f558bd rgb(245,88,189)
```

Split Complementary Color

#f5df58
```
#f5df58 rgb(245,223,88)
```
#58f5df
```
#58f5df rgb(88,245,223)
```
#df58f5
```
#df58f5 rgb(223,88,245)
```

Triadic Color

#6ef558
```
#6ef558 rgb(110,245,88)
```
#58f5df
```
#58f5df rgb(88,245,223)
```
#df58f5
```
#df58f5 rgb(223,88,245)
```
#f5586e
```
#f5586e rgb(245,88,110)
```

Tetradic Color

#10f1d1
```
#10f1d1 rgb(16,241,209)
```
#28f2d6
```
#28f2d6 rgb(40,242,214)
```
#40f4da
```
#40f4da rgb(64,244,218)
```
#58f5df
```
#58f5df rgb(88,245,223)
```
#70f6e4
```
#70f6e4 rgb(112,246,228)
```
#88f8e8
```
#88f8e8 rgb(136,248,232)
```
#a0f9ed
```
#a0f9ed rgb(160,249,237)
```

Monochromatic Color

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

#58f5b8
```
#58f5b8 rgb(88,245,184)
```
#58f5c5
```
#58f5c5 rgb(88,245,197)
```
#58f5d2
```
#58f5d2 rgb(88,245,210)
```
#58f5df
```
#58f5df rgb(88,245,223)
```
#58f5ec
```
#58f5ec rgb(88,245,236)
```
#58f1f5
```
#58f1f5 rgb(88,241,245)
```
#58e4f5
```
#58e4f5 rgb(88,228,245)
```

Similar Colors

Text with hexadecimal color #58f5df

This text has a font color of #58f5df.

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

#58f5df background color

This paragraph has a background color of #58f5df.

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

#58f5df border color

This element has a border color of #58f5df.

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

CSS codes

.text {color:#58f5df;}

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

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

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

#011210
```
#011210 rgb(1,18,16)
```
#022520
```
#022520 rgb(2,37,32)
```
#033730
```
#033730 rgb(3,55,48)
```
#044a40
```
#044a40 rgb(4,74,64)
```
#065c50
```
#065c50 rgb(6,92,80)
```
#076f60
```
#076f60 rgb(7,111,96)
```
#088170
```
#088170 rgb(8,129,112)
```
#099480
```
#099480 rgb(9,148,128)
```
#0aa690
```
#0aa690 rgb(10,166,144)
```
#0bb9a0
```
#0bb9a0 rgb(11,185,160)
```
#0ccbb0
```
#0ccbb0 rgb(12,203,176)
```
#0ddec0
```
#0ddec0 rgb(13,222,192)
```
#0ef0d1
```
#0ef0d1 rgb(14,240,209)
```

Shade Color Variation

#20f2d4
```
#20f2d4 rgb(32,242,212)
```
#33f3d8
```
#33f3d8 rgb(51,243,216)
```
#45f4db
```
#45f4db rgb(69,244,219)
```
#58f5df
```
#58f5df rgb(88,245,223)
```
#6bf6e3
```
#6bf6e3 rgb(107,246,227)
```
#7df7e6
```
#7df7e6 rgb(125,247,230)
```
#90f8ea
```
#90f8ea rgb(144,248,234)
```
#a2f9ed
```
#a2f9ed rgb(162,249,237)
```
#b5fbf1
```
#b5fbf1 rgb(181,251,241)
```
#c7fcf4
```
#c7fcf4 rgb(199,252,244)
```
#dafdf8
```
#dafdf8 rgb(218,253,248)
```
#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 #51fce4 is the most saturated one.

#a3aaa9
```
#a3aaa9 rgb(163,170,169)
```
#9cb1ae
```
#9cb1ae rgb(156,177,174)
```
#95b8b3
```
#95b8b3 rgb(149,184,179)
```
#8ebfb8
```
#8ebfb8 rgb(142,191,184)
```
#88c5bd
```
#88c5bd rgb(136,197,189)
```
#81ccc2
```
#81ccc2 rgb(129,204,194)
```
#7ad3c7
```
#7ad3c7 rgb(122,211,199)
```
#73dacb
```
#73dacb rgb(115,218,203)
```
#6ce1d0
```
#6ce1d0 rgb(108,225,208)
```
#66e7d5
```
#66e7d5 rgb(102,231,213)
```
#5feeda
```
#5feeda rgb(95,238,218)
```
#58f5df
```
#58f5df rgb(88,245,223)
```
#51fce4
```
#51fce4 rgb(81,252,228)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#aecec9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5ded4 Protanopia 1% of men
#eed9ea Deuteranopia 1% of men
#83eeff Tritanopia 0.001% of the population

Trichromacy

#b2e6d8 Protanomaly 1% of men, 0.01% of women
#b7e3e6 Deuteranomaly 6% of men, 0.4% of women
#73f1f3 Tritanomaly 0.01% of the population

#58f5df hex color

#58f5df Color Information

#58f5df Color Conversion

Color Schemes with #58f5df

Alternatives to #58f5df

#58f5df Preview

Shades and Tints of #58f5df

Tones of #58f5df

Color Blindness Simulator