#58d5f1 hex color

In a RGB color space, hex #58d5f1 is composed of 34.5% red, 83.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 11.6% magenta, 0% yellow and 5.5% black. It has a hue angle of 191 degrees, a saturation of 84.5% and a lightness of 64.5%. #58d5f1 color hex could be obtained by blending #b0ffff with #00abe3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 84
- B 95
RGB color chart
- C 63
- M 12
- Y 0
- K 5
CMYK color chart

● #58d5f1 color description : Soft cyan.

The hexadecimal color #58d5f1 has RGB values of R:88, G:213, B:241 and CMYK values of C:0.63, M:0.12, Y:0, K:0.05. Its decimal value is 5821937.

Hex triplet	58d5f1	`#58d5f1`
RGB Decimal	88, 213, 241	`rgb(88,213,241)`
RGB Percent	34.5, 83.5, 94.5	`rgb(34.5%,83.5%,94.5%)`
CMYK	63, 12, 0, 5
HSL	191°, 84.5, 64.5	`hsl(191,84.5%,64.5%)`
HSV (or HSB)	191°, 63.5, 94.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.62, -26.271, -24.025
XYZ	43.692, 56.011, 91.723
xyY	0.228, 0.293, 56.011
CIE-LCH	79.62, 35.6, 222.444
CIE-LUV	79.62, -48.701, -34.575
Hunter-Lab	74.84, -26.762, -20.277
Binary	01011000, 11010101, 11110001

#58d5f1
```
#58d5f1 rgb(88,213,241)
```
#f17458
```
#f17458 rgb(241,116,88)
```

Complementary Color

#58f1c1
```
#58f1c1 rgb(88,241,193)
```
#58d5f1
```
#58d5f1 rgb(88,213,241)
```
#5889f1
```
#5889f1 rgb(88,137,241)
```

Analogous Color

#f1c158
```
#f1c158 rgb(241,193,88)
```
#58d5f1
```
#58d5f1 rgb(88,213,241)
```
#f15889
```
#f15889 rgb(241,88,137)
```

Split Complementary Color

#d5f158
```
#d5f158 rgb(213,241,88)
```
#58d5f1
```
#58d5f1 rgb(88,213,241)
```
#f158d5
```
#f158d5 rgb(241,88,213)
```

Triadic Color

#58f174
```
#58f174 rgb(88,241,116)
```
#58d5f1
```
#58d5f1 rgb(88,213,241)
```
#f158d5
```
#f158d5 rgb(241,88,213)
```
#f17458
```
#f17458 rgb(241,116,88)
```

Tetradic Color

#14c2e9
```
#14c2e9 rgb(20,194,233)
```
#29c9ed
```
#29c9ed rgb(41,201,237)
```
#40cfef
```
#40cfef rgb(64,207,239)
```
#58d5f1
```
#58d5f1 rgb(88,213,241)
```
#70dbf3
```
#70dbf3 rgb(112,219,243)
```
#87e1f5
```
#87e1f5 rgb(135,225,245)
```
#9fe7f7
```
#9fe7f7 rgb(159,231,247)
```

Monochromatic Color

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

#58f1e7
```
#58f1e7 rgb(88,241,231)
```
#58eff1
```
#58eff1 rgb(88,239,241)
```
#58e2f1
```
#58e2f1 rgb(88,226,241)
```
#58d5f1
```
#58d5f1 rgb(88,213,241)
```
#58c8f1
```
#58c8f1 rgb(88,200,241)
```
#58bcf1
```
#58bcf1 rgb(88,188,241)
```
#58aff1
```
#58aff1 rgb(88,175,241)
```

Similar Colors

Text with hexadecimal color #58d5f1

This text has a font color of #58d5f1.

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

#58d5f1 background color

This paragraph has a background color of #58d5f1.

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

#58d5f1 border color

This element has a border color of #58d5f1.

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

CSS codes

.text {color:#58d5f1;}

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

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

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, #010c0e is the darkest color, while #fbfeff is the lightest one.

#010c0e
```
#010c0e rgb(1,12,14)
```
#031b20
```
#031b20 rgb(3,27,32)
```
#042a32
```
#042a32 rgb(4,42,50)
```
#063944
```
#063944 rgb(6,57,68)
```
#074856
```
#074856 rgb(7,72,86)
```
#095768
```
#095768 rgb(9,87,104)
```
#0a667b
```
#0a667b rgb(10,102,123)
```
#0c758d
```
#0c758d rgb(12,117,141)
```
#0d849f
```
#0d849f rgb(13,132,159)
```
#0f93b1
```
#0f93b1 rgb(15,147,177)
```
#10a2c3
```
#10a2c3 rgb(16,162,195)
```
#12b1d5
```
#12b1d5 rgb(18,177,213)
```
#13c0e7
```
#13c0e7 rgb(19,192,231)
```

Shade Color Variation

#22c7ec
```
#22c7ec rgb(34,199,236)
```
#34ccee
```
#34ccee rgb(52,204,238)
```
#46d0ef
```
#46d0ef rgb(70,208,239)
```
#58d5f1
```
#58d5f1 rgb(88,213,241)
```
#6adaf3
```
#6adaf3 rgb(106,218,243)
```
#7cdef4
```
#7cdef4 rgb(124,222,244)
```
#8ee3f6
```
#8ee3f6 rgb(142,227,246)
```
#a0e7f7
```
#a0e7f7 rgb(160,231,247)
```
#b2ecf9
```
#b2ecf9 rgb(178,236,249)
```
#c5f0fa
```
#c5f0fa rgb(197,240,250)
```
#d7f5fc
```
#d7f5fc rgb(215,245,252)
```
#e9f9fd
```
#e9f9fd rgb(233,249,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#9ea9ab
```
#9ea9ab rgb(158,169,171)
```
#97adb2
```
#97adb2 rgb(151,173,178)
```
#90b2b9
```
#90b2b9 rgb(144,178,185)
```
#89b6c0
```
#89b6c0 rgb(137,182,192)
```
#82bbc7
```
#82bbc7 rgb(130,187,199)
```
#7bbfce
```
#7bbfce rgb(123,191,206)
```
#74c3d5
```
#74c3d5 rgb(116,195,213)
```
#6dc8dc
```
#6dc8dc rgb(109,200,220)
```
#66cce3
```
#66cce3 rgb(102,204,227)
```
#5fd1ea
```
#5fd1ea rgb(95,209,234)
```
#58d5f1
```
#58d5f1 rgb(88,213,241)
```
#51d9f8
```
#51d9f8 rgb(81,217,248)
```
#4adeff
```
#4adeff rgb(74,222,255)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a1babf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c6e7 Protanopia 1% of men
#c0c4f8 Deuteranopia 1% of men
#5ad8e8 Tritanopia 0.001% of the population

Trichromacy

#9bcbeb Protanomaly 1% of men, 0.01% of women
#9acaf5 Deuteranomaly 6% of men, 0.4% of women
#59d7eb Tritanomaly 0.01% of the population

#58d5f1 hex color

#58d5f1 Color Information

#58d5f1 Color Conversion

Color Schemes with #58d5f1

Alternatives to #58d5f1

#58d5f1 Preview

Shades and Tints of #58d5f1

Tones of #58d5f1

Color Blindness Simulator