#58d4fc hex color

In a RGB color space, hex #58d4fc is composed of 34.5% red, 83.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 15.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 194.6 degrees, a saturation of 96.5% and a lightness of 66.7%. #58d4fc color hex could be obtained by blending #b0ffff with #00a9f9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 83
- B 99
RGB color chart
- C 65
- M 16
- Y 0
- K 1
CMYK color chart

● #58d4fc color description : Soft cyan.

The hexadecimal color #58d4fc has RGB values of R:88, G:212, B:252 and CMYK values of C:0.65, M:0.16, Y:0, K:0.01. Its decimal value is 5821692.

Hex triplet	58d4fc	`#58d4fc`
RGB Decimal	88, 212, 252	`rgb(88,212,252)`
RGB Percent	34.5, 83.1, 98.8	`rgb(34.5%,83.1%,98.8%)`
CMYK	65, 16, 0, 1
HSL	194.6°, 96.5, 66.7	`hsl(194.6,96.5%,66.7%)`
HSV (or HSB)	194.6°, 65.1, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.72, -22.501, -29.732
XYZ	45.134, 56.186, 100.557
xyY	0.224, 0.278, 56.186
CIE-LCH	79.72, 37.286, 232.882
CIE-LUV	79.72, -47.753, -44.827
Hunter-Lab	74.958, -23.696, -27.068
Binary	01011000, 11010100, 11111100

#58d4fc
```
#58d4fc rgb(88,212,252)
```
#fc8058
```
#fc8058 rgb(252,128,88)
```

Complementary Color

#58fcd2
```
#58fcd2 rgb(88,252,210)
```
#58d4fc
```
#58d4fc rgb(88,212,252)
```
#5882fc
```
#5882fc rgb(88,130,252)
```

Analogous Color

#fcd258
```
#fcd258 rgb(252,210,88)
```
#58d4fc
```
#58d4fc rgb(88,212,252)
```
#fc5882
```
#fc5882 rgb(252,88,130)
```

Split Complementary Color

#d4fc58
```
#d4fc58 rgb(212,252,88)
```
#58d4fc
```
#58d4fc rgb(88,212,252)
```
#fc58d4
```
#fc58d4 rgb(252,88,212)
```

Triadic Color

#58fc80
```
#58fc80 rgb(88,252,128)
```
#58d4fc
```
#58d4fc rgb(88,212,252)
```
#fc58d4
```
#fc58d4 rgb(252,88,212)
```
#fc8058
```
#fc8058 rgb(252,128,88)
```

Tetradic Color

#0dc1fb
```
#0dc1fb rgb(13,193,251)
```
#26c7fb
```
#26c7fb rgb(38,199,251)
```
#3fcefc
```
#3fcefc rgb(63,206,252)
```
#58d4fc
```
#58d4fc rgb(88,212,252)
```
#71dafc
```
#71dafc rgb(113,218,252)
```
#8ae1fd
```
#8ae1fd rgb(138,225,253)
```
#a3e7fd
```
#a3e7fd rgb(163,231,253)
```

Monochromatic Color

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

#58fcfb
```
#58fcfb rgb(88,252,251)
```
#58effc
```
#58effc rgb(88,239,252)
```
#58e2fc
```
#58e2fc rgb(88,226,252)
```
#58d4fc
```
#58d4fc rgb(88,212,252)
```
#58c6fc
```
#58c6fc rgb(88,198,252)
```
#58b9fc
```
#58b9fc rgb(88,185,252)
```
#58abfc
```
#58abfc rgb(88,171,252)
```

Similar Colors

Text with hexadecimal color #58d4fc

This text has a font color of #58d4fc.

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

#58d4fc background color

This paragraph has a background color of #58d4fc.

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

#58d4fc border color

This element has a border color of #58d4fc.

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

CSS codes

.text {color:#58d4fc;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#00141a
```
#00141a rgb(0,20,26)
```
#01222d
```
#01222d rgb(1,34,45)
```
#013140
```
#013140 rgb(1,49,64)
```
#014054
```
#014054 rgb(1,64,84)
```
#024e67
```
#024e67 rgb(2,78,103)
```
#025d7a
```
#025d7a rgb(2,93,122)
```
#036b8d
```
#036b8d rgb(3,107,141)
```
#037aa1
```
#037aa1 rgb(3,122,161)
```
#0389b4
```
#0389b4 rgb(3,137,180)
```
#0497c7
```
#0497c7 rgb(4,151,199)
```
#04a6da
```
#04a6da rgb(4,166,218)
```
#04b5ee
```
#04b5ee rgb(4,181,238)
```

Shade Color Variation

#0bc0fb
```
#0bc0fb rgb(11,192,251)
```
#1ec5fb
```
#1ec5fb rgb(30,197,251)
```
#31cafb
```
#31cafb rgb(49,202,251)
```
#45cffc
```
#45cffc rgb(69,207,252)
```
#58d4fc
```
#58d4fc rgb(88,212,252)
```
#6bd9fc
```
#6bd9fc rgb(107,217,252)
```
#7fdefd
```
#7fdefd rgb(127,222,253)
```
#92e3fd
```
#92e3fd rgb(146,227,253)
```
#a5e8fd
```
#a5e8fd rgb(165,232,253)
```
#b8edfe
```
#b8edfe rgb(184,237,254)
```
#ccf2fe
```
#ccf2fe rgb(204,242,254)
```
#dff7fe
```
#dff7fe rgb(223,247,254)
```
#f2fcff
```
#f2fcff rgb(242,252,255)
```

Tint Color Variation

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

#a6acae
```
#a6acae rgb(166,172,174)
```
#a0afb4
```
#a0afb4 rgb(160,175,180)
```
#99b3bb
```
#99b3bb rgb(153,179,187)
```
#93b6c1
```
#93b6c1 rgb(147,182,193)
```
#8cb9c8
```
#8cb9c8 rgb(140,185,200)
```
#86bdce
```
#86bdce rgb(134,189,206)
```
#7fc0d5
```
#7fc0d5 rgb(127,192,213)
```
#79c3db
```
#79c3db rgb(121,195,219)
```
#72c7e2
```
#72c7e2 rgb(114,199,226)
```
#6ccae8
```
#6ccae8 rgb(108,202,232)
```
#65cdef
```
#65cdef rgb(101,205,239)
```
#5fd1f5
```
#5fd1f5 rgb(95,209,245)
```
#58d4fc
```
#58d4fc rgb(88,212,252)
```

Tone Color Variation

Below, you can see how #58d4fc 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
#a1bac2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc6f2 Protanopia 1% of men
#bac5ff Deuteranopia 1% of men
#53d9e9 Tritanopia 0.001% of the population

Trichromacy

#98cbf5 Protanomaly 1% of men, 0.01% of women
#96cbfd Deuteranomaly 6% of men, 0.4% of women
#55d7f0 Tritanomaly 0.01% of the population

#58d4fc hex color

#58d4fc Color Information

#58d4fc Color Conversion

Color Schemes with #58d4fc

Alternatives to #58d4fc

#58d4fc Preview

Shades and Tints of #58d4fc

Tones of #58d4fc

Color Blindness Simulator