#58defd hex color

In a RGB color space, hex #58defd is composed of 34.5% red, 87.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 12.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 191.3 degrees, a saturation of 97.6% and a lightness of 66.9%. #58defd color hex could be obtained by blending #b0ffff with #00bdfb. Closest websafe color is: #66ccff.

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

● #58defd color description : Soft cyan.

The hexadecimal color #58defd has RGB values of R:88, G:222, B:253 and CMYK values of C:0.65, M:0.12, Y:0, K:0.01. Its decimal value is 5824253.

Hex triplet	58defd	`#58defd`
RGB Decimal	88, 222, 253	`rgb(88,222,253)`
RGB Percent	34.5, 87.1, 99.2	`rgb(34.5%,87.1%,99.2%)`
CMYK	65, 12, 0, 1
HSL	191.3°, 97.6, 66.9	`hsl(191.3,97.6%,66.9%)`
HSV (or HSB)	191.3°, 65.2, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.596, -27.169, -25.862
XYZ	47.871, 61.405, 102.253
xyY	0.226, 0.29, 61.405
CIE-LCH	82.596, 37.51, 223.588
CIE-LUV	82.596, -51.262, -37.719
Hunter-Lab	78.361, -28.088, -22.514
Binary	01011000, 11011110, 11111101

#58defd
```
#58defd rgb(88,222,253)
```
#fd7758
```
#fd7758 rgb(253,119,88)
```

Complementary Color

#58fdca
```
#58fdca rgb(88,253,202)
```
#58defd
```
#58defd rgb(88,222,253)
```
#588cfd
```
#588cfd rgb(88,140,253)
```

Analogous Color

#fdca58
```
#fdca58 rgb(253,202,88)
```
#58defd
```
#58defd rgb(88,222,253)
```
#fd588c
```
#fd588c rgb(253,88,140)
```

Split Complementary Color

#defd58
```
#defd58 rgb(222,253,88)
```
#58defd
```
#58defd rgb(88,222,253)
```
#fd58de
```
#fd58de rgb(253,88,222)
```

Triadic Color

#58fd77
```
#58fd77 rgb(88,253,119)
```
#58defd
```
#58defd rgb(88,222,253)
```
#fd58de
```
#fd58de rgb(253,88,222)
```
#fd7758
```
#fd7758 rgb(253,119,88)
```

Tetradic Color

#0ccffc
```
#0ccffc rgb(12,207,252)
```
#26d4fc
```
#26d4fc rgb(38,212,252)
```
#3fd9fd
```
#3fd9fd rgb(63,217,253)
```
#58defd
```
#58defd rgb(88,222,253)
```
#71e3fd
```
#71e3fd rgb(113,227,253)
```
#8ae8fe
```
#8ae8fe rgb(138,232,254)
```
#a4edfe
```
#a4edfe rgb(164,237,254)
```

Monochromatic Color

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

#58fdf3
```
#58fdf3 rgb(88,253,243)
```
#58fafd
```
#58fafd rgb(88,250,253)
```
#58ecfd
```
#58ecfd rgb(88,236,253)
```
#58defd
```
#58defd rgb(88,222,253)
```
#58d0fd
```
#58d0fd rgb(88,208,253)
```
#58c3fd
```
#58c3fd rgb(88,195,253)
```
#58b5fd
```
#58b5fd rgb(88,181,253)
```

Similar Colors

Text with hexadecimal color #58defd

This text has a font color of #58defd.

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

#58defd background color

This paragraph has a background color of #58defd.

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

#58defd border color

This element has a border color of #58defd.

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

CSS codes

.text {color:#58defd;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#00161b
```
#00161b rgb(0,22,27)
```
#01262e
```
#01262e rgb(1,38,46)
```
#013542
```
#013542 rgb(1,53,66)
```
#014555
```
#014555 rgb(1,69,85)
```
#015568
```
#015568 rgb(1,85,104)
```
#01657c
```
#01657c rgb(1,101,124)
```
#02758f
```
#02758f rgb(2,117,143)
```
#0284a3
```
#0284a3 rgb(2,132,163)
```
#0294b6
```
#0294b6 rgb(2,148,182)
```
#02a4c9
```
#02a4c9 rgb(2,164,201)
```
#03b4dd
```
#03b4dd rgb(3,180,221)
```
#03c3f0
```
#03c3f0 rgb(3,195,240)
```

Shade Color Variation

#0acffc
```
#0acffc rgb(10,207,252)
```
#1ed3fc
```
#1ed3fc rgb(30,211,252)
```
#31d6fd
```
#31d6fd rgb(49,214,253)
```
#45dafd
```
#45dafd rgb(69,218,253)
```
#58defd
```
#58defd rgb(88,222,253)
```
#6be2fd
```
#6be2fd rgb(107,226,253)
```
#7fe6fd
```
#7fe6fd rgb(127,230,253)
```
#92e9fe
```
#92e9fe rgb(146,233,254)
```
#a6edfe
```
#a6edfe rgb(166,237,254)
```
#b9f1fe
```
#b9f1fe rgb(185,241,254)
```
#ccf5fe
```
#ccf5fe rgb(204,245,254)
```
#e0f9ff
```
#e0f9ff rgb(224,249,255)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#a6adaf
```
#a6adaf rgb(166,173,175)
```
#a0b1b6
```
#a0b1b6 rgb(160,177,182)
```
#99b5bc
```
#99b5bc rgb(153,181,188)
```
#93b9c3
```
#93b9c3 rgb(147,185,195)
```
#8cbec9
```
#8cbec9 rgb(140,190,201)
```
#86c2d0
```
#86c2d0 rgb(134,194,208)
```
#7fc6d6
```
#7fc6d6 rgb(127,198,214)
```
#79cadd
```
#79cadd rgb(121,202,221)
```
#72cee3
```
#72cee3 rgb(114,206,227)
```
#6cd2ea
```
#6cd2ea rgb(108,210,234)
```
#65d6f0
```
#65d6f0 rgb(101,214,240)
```
#5fdaf7
```
#5fdaf7 rgb(95,218,247)
```
#58defd
```
#58defd rgb(88,222,253)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a6c0c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8cef2 Protanopia 1% of men
#c7cdff Deuteranopia 1% of men
#59e1f2 Tritanopia 0.001% of the population

Trichromacy

#9fd4f6 Protanomaly 1% of men, 0.01% of women
#9ed3fe Deuteranomaly 6% of men, 0.4% of women
#58e0f6 Tritanomaly 0.01% of the population

#58defd hex color

#58defd Color Information

#58defd Color Conversion

Color Schemes with #58defd

Alternatives to #58defd

#58defd Preview

Shades and Tints of #58defd

Tones of #58defd

Color Blindness Simulator