#58d2f6 hex color

In a RGB color space, hex #58d2f6 is composed of 34.5% red, 82.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 14.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 193.7 degrees, a saturation of 89.8% and a lightness of 65.5%. #58d2f6 color hex could be obtained by blending #b0ffff with #00a5ed. Closest websafe color is: #66ccff.

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

● #58d2f6 color description : Soft cyan.

The hexadecimal color #58d2f6 has RGB values of R:88, G:210, B:246 and CMYK values of C:0.64, M:0.15, Y:0, K:0.04. Its decimal value is 5821174.

Hex triplet	58d2f6	`#58d2f6`
RGB Decimal	88, 210, 246	`rgb(88,210,246)`
RGB Percent	34.5, 82.4, 96.5	`rgb(34.5%,82.4%,96.5%)`
CMYK	64, 15, 0, 4
HSL	193.7°, 89.8, 65.5	`hsl(193.7,89.8%,65.5%)`
HSV (or HSB)	193.7°, 64.2, 96.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.936, -23.297, -27.736
XYZ	43.701, 54.818, 95.462
xyY	0.225, 0.283, 54.818
CIE-LCH	78.936, 36.222, 229.972
CIE-LUV	78.936, -47.355, -41.255
Hunter-Lab	74.039, -24.21, -24.617
Binary	01011000, 11010010, 11110110

#58d2f6
```
#58d2f6 rgb(88,210,246)
```
#f67c58
```
#f67c58 rgb(246,124,88)
```

Complementary Color

#58f6cb
```
#58f6cb rgb(88,246,203)
```
#58d2f6
```
#58d2f6 rgb(88,210,246)
```
#5883f6
```
#5883f6 rgb(88,131,246)
```

Analogous Color

#f6cb58
```
#f6cb58 rgb(246,203,88)
```
#58d2f6
```
#58d2f6 rgb(88,210,246)
```
#f65883
```
#f65883 rgb(246,88,131)
```

Split Complementary Color

#d2f658
```
#d2f658 rgb(210,246,88)
```
#58d2f6
```
#58d2f6 rgb(88,210,246)
```
#f658d2
```
#f658d2 rgb(246,88,210)
```

Triadic Color

#58f67c
```
#58f67c rgb(88,246,124)
```
#58d2f6
```
#58d2f6 rgb(88,210,246)
```
#f658d2
```
#f658d2 rgb(246,88,210)
```
#f67c58
```
#f67c58 rgb(246,124,88)
```

Tetradic Color

#0fbef2
```
#0fbef2 rgb(15,190,242)
```
#28c5f3
```
#28c5f3 rgb(40,197,243)
```
#40cbf5
```
#40cbf5 rgb(64,203,245)
```
#58d2f6
```
#58d2f6 rgb(88,210,246)
```
#70d9f7
```
#70d9f7 rgb(112,217,247)
```
#88dff9
```
#88dff9 rgb(136,223,249)
```
#a1e6fa
```
#a1e6fa rgb(161,230,250)
```

Monochromatic Color

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

#58f6f3
```
#58f6f3 rgb(88,246,243)
```
#58ecf6
```
#58ecf6 rgb(88,236,246)
```
#58dff6
```
#58dff6 rgb(88,223,246)
```
#58d2f6
```
#58d2f6 rgb(88,210,246)
```
#58c5f6
```
#58c5f6 rgb(88,197,246)
```
#58b8f6
```
#58b8f6 rgb(88,184,246)
```
#58abf6
```
#58abf6 rgb(88,171,246)
```

Similar Colors

Text with hexadecimal color #58d2f6

This text has a font color of #58d2f6.

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

#58d2f6 background color

This paragraph has a background color of #58d2f6.

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

#58d2f6 border color

This element has a border color of #58d2f6.

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

CSS codes

.text {color:#58d2f6;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010f13
```
#010f13 rgb(1,15,19)
```
#021e26
```
#021e26 rgb(2,30,38)
```
#032c38
```
#032c38 rgb(3,44,56)
```
#043b4b
```
#043b4b rgb(4,59,75)
```
#05495e
```
#05495e rgb(5,73,94)
```
#065870
```
#065870 rgb(6,88,112)
```
#076783
```
#076783 rgb(7,103,131)
```
#087595
```
#087595 rgb(8,117,149)
```
#0984a8
```
#0984a8 rgb(9,132,168)
```
#0a92bb
```
#0a92bb rgb(10,146,187)
```
#0ba1cd
```
#0ba1cd rgb(11,161,205)
```
#0cb0e0
```
#0cb0e0 rgb(12,176,224)
```

Shade Color Variation

#0ebef2
```
#0ebef2 rgb(14,190,242)
```
#20c3f3
```
#20c3f3 rgb(32,195,243)
```
#33c8f4
```
#33c8f4 rgb(51,200,244)
```
#45cdf5
```
#45cdf5 rgb(69,205,245)
```
#58d2f6
```
#58d2f6 rgb(88,210,246)
```
#6bd7f7
```
#6bd7f7 rgb(107,215,247)
```
#7ddcf8
```
#7ddcf8 rgb(125,220,248)
```
#90e1f9
```
#90e1f9 rgb(144,225,249)
```
#a2e6fa
```
#a2e6fa rgb(162,230,250)
```
#b5ebfb
```
#b5ebfb rgb(181,235,251)
```
#c8f0fc
```
#c8f0fc rgb(200,240,252)
```
#daf5fd
```
#daf5fd rgb(218,245,253)
```
#edfafe
```
#edfafe rgb(237,250,254)
```

Tint Color Variation

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

#a2a9ac
```
#a2a9ac rgb(162,169,172)
```
#9cadb2
```
#9cadb2 rgb(156,173,178)
```
#95b1b9
```
#95b1b9 rgb(149,177,185)
```
#8eb5c0
```
#8eb5c0 rgb(142,181,192)
```
#87b8c7
```
#87b8c7 rgb(135,184,199)
```
#81bccd
```
#81bccd rgb(129,188,205)
```
#7ac0d4
```
#7ac0d4 rgb(122,192,212)
```
#73c3db
```
#73c3db rgb(115,195,219)
```
#6cc7e2
```
#6cc7e2 rgb(108,199,226)
```
#66cbe8
```
#66cbe8 rgb(102,203,232)
```
#5fceef
```
#5fceef rgb(95,206,239)
```
#58d2f6
```
#58d2f6 rgb(88,210,246)
```
#51d6fd
```
#51d6fd rgb(81,214,253)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a0b8c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc4ec Protanopia 1% of men
#b9c3fc Deuteranopia 1% of men
#56d7e6 Tritanopia 0.001% of the population

Trichromacy

#98c9f0 Protanomaly 1% of men, 0.01% of women
#96c8fa Deuteranomaly 6% of men, 0.4% of women
#56d5ec Tritanomaly 0.01% of the population

#58d2f6 hex color

#58d2f6 Color Information

#58d2f6 Color Conversion

Color Schemes with #58d2f6

Alternatives to #58d2f6

#58d2f6 Preview

Shades and Tints of #58d2f6

Tones of #58d2f6

Color Blindness Simulator