colorhexa.com

#58d7fe hex color

In a RGB color space, hex #58d7fe is composed of 34.5% red, 84.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 15.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 194.1 degrees, a saturation of 98.8% and a lightness of 67.1%. #58d7fe color hex could be obtained by blending #b0ffff with #00affd. Closest websafe color is: #66ccff.

- R 35
- G 84
- B 100
RGB color chart
- C 65
- M 15
- Y 0
- K 0
CMYK color chart

● #58d7fe color description : Soft cyan.

The hexadecimal color #58d7fe has RGB values of R:88, G:215, B:254 and CMYK values of C:0.65, M:0.15, Y:0, K:0. Its decimal value is 5822462.

Hex triplet	58d7fe	`#58d7fe`
RGB Decimal	88, 215, 254	`rgb(88,215,254)`
RGB Percent	34.5, 84.3, 99.6	`rgb(34.5%,84.3%,99.6%)`
CMYK	65, 15, 0, 0
HSL	194.1°, 98.8, 67.1	`hsl(194.1,98.8%,67.1%)`
HSV (or HSB)	194.1°, 65.4, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.643, -23.405, -29.379
XYZ	46.21, 57.828, 102.487
xyY	0.224, 0.28, 57.828
CIE-LCH	80.643, 37.562, 231.457
CIE-LUV	80.643, -48.715, -44.155
Hunter-Lab	76.044, -24.61, -26.675
Binary	01011000, 11010111, 11111110

#58d7fe
```
#58d7fe rgb(88,215,254)
```
#fe7f58
```
#fe7f58 rgb(254,127,88)
```

Complementary Color

#58fed2
```
#58fed2 rgb(88,254,210)
```
#58d7fe
```
#58d7fe rgb(88,215,254)
```
#5884fe
```
#5884fe rgb(88,132,254)
```

Analogous Color

#fed258
```
#fed258 rgb(254,210,88)
```
#58d7fe
```
#58d7fe rgb(88,215,254)
```
#fe5884
```
#fe5884 rgb(254,88,132)
```

Split Complementary Color

#d7fe58
```
#d7fe58 rgb(215,254,88)
```
#58d7fe
```
#58d7fe rgb(88,215,254)
```
#fe58d7
```
#fe58d7 rgb(254,88,215)
```

Triadic Color

#58fe7f
```
#58fe7f rgb(88,254,127)
```
#58d7fe
```
#58d7fe rgb(88,215,254)
```
#fe58d7
```
#fe58d7 rgb(254,88,215)
```
#fe7f58
```
#fe7f58 rgb(254,127,88)
```

Tetradic Color

#0cc5fe
```
#0cc5fe rgb(12,197,254)
```
#25cbfe
```
#25cbfe rgb(37,203,254)
```
#3fd1fe
```
#3fd1fe rgb(63,209,254)
```
#58d7fe
```
#58d7fe rgb(88,215,254)
```
#71ddfe
```
#71ddfe rgb(113,221,254)
```
#8be3fe
```
#8be3fe rgb(139,227,254)
```
#a4e9fe
```
#a4e9fe rgb(164,233,254)
```

Monochromatic Color

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

#58fefc
```
#58fefc rgb(88,254,252)
```
#58f3fe
```
#58f3fe rgb(88,243,254)
```
#58e5fe
```
#58e5fe rgb(88,229,254)
```
#58d7fe
```
#58d7fe rgb(88,215,254)
```
#58c9fe
```
#58c9fe rgb(88,201,254)
```
#58bbfe
```
#58bbfe rgb(88,187,254)
```
#58aefe
```
#58aefe rgb(88,174,254)
```

Similar Colors

Text with hexadecimal color #58d7fe

This text has a font color of #58d7fe.

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

#58d7fe background color

This paragraph has a background color of #58d7fe.

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

#58d7fe border color

This element has a border color of #58d7fe.

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

CSS codes

.text {color:#58d7fe;}

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

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

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

#000708
```
#000708 rgb(0,7,8)
```
#00151c
```
#00151c rgb(0,21,28)
```
#00242f
```
#00242f rgb(0,36,47)
```
#003343
```
#003343 rgb(0,51,67)
```
#014256
```
#014256 rgb(1,66,86)
```
#01516a
```
#01516a rgb(1,81,106)
```
#01607d
```
#01607d rgb(1,96,125)
```
#016f91
```
#016f91 rgb(1,111,145)
```
#017ea4
```
#017ea4 rgb(1,126,164)
```
#018db8
```
#018db8 rgb(1,141,184)
```
#019ccb
```
#019ccb rgb(1,156,203)
```
#01abdf
```
#01abdf rgb(1,171,223)
```
#01baf2
```
#01baf2 rgb(1,186,242)
```

Shade Color Variation

#0ac4fe
```
#0ac4fe rgb(10,196,254)
```
#1ec9fe
```
#1ec9fe rgb(30,201,254)
```
#31cefe
```
#31cefe rgb(49,206,254)
```
#45d2fe
```
#45d2fe rgb(69,210,254)
```
#58d7fe
```
#58d7fe rgb(88,215,254)
```
#6bdcfe
```
#6bdcfe rgb(107,220,254)
```
#7fe0fe
```
#7fe0fe rgb(127,224,254)
```
#92e5fe
```
#92e5fe rgb(146,229,254)
```
#a6eafe
```
#a6eafe rgb(166,234,254)
```
#b9eeff
```
#b9eeff rgb(185,238,255)
```
#cdf3ff
```
#cdf3ff rgb(205,243,255)
```
#e0f8ff
```
#e0f8ff rgb(224,248,255)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#a6aeb0
```
#a6aeb0 rgb(166,174,176)
```
#9fb1b7
```
#9fb1b7 rgb(159,177,183)
```
#99b5bd
```
#99b5bd rgb(153,181,189)
```
#92b8c4
```
#92b8c4 rgb(146,184,196)
```
#8cbcca
```
#8cbcca rgb(140,188,202)
```
#85bfd1
```
#85bfd1 rgb(133,191,209)
```
#7fc2d7
```
#7fc2d7 rgb(127,194,215)
```
#78c6de
```
#78c6de rgb(120,198,222)
```
#72c9e4
```
#72c9e4 rgb(114,201,228)
```
#6bcdeb
```
#6bcdeb rgb(107,205,235)
```
#65d0f1
```
#65d0f1 rgb(101,208,241)
```
#5ed4f8
```
#5ed4f8 rgb(94,212,248)
```
#58d7fe
```
#58d7fe rgb(88,215,254)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a2bcc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c9f3 Protanopia 1% of men
#bec8ff Deuteranopia 1% of men
#54dcec Tritanopia 0.001% of the population

Trichromacy

#9acef7 Protanomaly 1% of men, 0.01% of women
#99cdfe Deuteranomaly 6% of men, 0.4% of women
#55daf2 Tritanomaly 0.01% of the population