#58d4bd hex color

In a RGB color space, hex #58d4bd is composed of 34.5% red, 83.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 0% magenta, 10.8% yellow and 16.9% black. It has a hue angle of 168.9 degrees, a saturation of 59% and a lightness of 58.8%. #58d4bd color hex could be obtained by blending #b0ffff with #00a97b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 83
- B 74
RGB color chart
- C 58
- M 0
- Y 11
- K 17
CMYK color chart

● #58d4bd color description : Moderate cyan.

The hexadecimal color #58d4bd has RGB values of R:88, G:212, B:189 and CMYK values of C:0.58, M:0, Y:0.11, K:0.17. Its decimal value is 5821629.

Hex triplet	58d4bd	`#58d4bd`
RGB Decimal	88, 212, 189	`rgb(88,212,189)`
RGB Percent	34.5, 83.1, 74.1	`rgb(34.5%,83.1%,74.1%)`
CMYK	58, 0, 11, 17
HSL	168.9°, 59, 58.8	`hsl(168.9,59%,58.8%)`
HSV (or HSB)	168.9°, 58.5, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.776, -39.948, 1.06
XYZ	36.75, 52.833, 56.402
xyY	0.252, 0.362, 52.833
CIE-LCH	77.776, 39.962, 178.481
CIE-LUV	77.776, -51.172, 7.985
Hunter-Lab	72.686, -36.951, 4.873
Binary	01011000, 11010100, 10111101

#58d4bd
```
#58d4bd rgb(88,212,189)
```
#d4586f
```
#d4586f rgb(212,88,111)
```

Complementary Color

#58d47f
```
#58d47f rgb(88,212,127)
```
#58d4bd
```
#58d4bd rgb(88,212,189)
```
#58add4
```
#58add4 rgb(88,173,212)
```

Analogous Color

#d47f58
```
#d47f58 rgb(212,127,88)
```
#58d4bd
```
#58d4bd rgb(88,212,189)
```
#d458ad
```
#d458ad rgb(212,88,173)
```

Split Complementary Color

#d4bd58
```
#d4bd58 rgb(212,189,88)
```
#58d4bd
```
#58d4bd rgb(88,212,189)
```
#bd58d4
```
#bd58d4 rgb(189,88,212)
```

Triadic Color

#6fd458
```
#6fd458 rgb(111,212,88)
```
#58d4bd
```
#58d4bd rgb(88,212,189)
```
#bd58d4
```
#bd58d4 rgb(189,88,212)
```
#d4586f
```
#d4586f rgb(212,88,111)
```

Tetradic Color

#2eb299
```
#2eb299 rgb(46,178,153)
```
#33c6ab
```
#33c6ab rgb(51,198,171)
```
#44cfb5
```
#44cfb5 rgb(68,207,181)
```
#58d4bd
```
#58d4bd rgb(88,212,189)
```
#6cd9c5
```
#6cd9c5 rgb(108,217,197)
```
#81decd
```
#81decd rgb(129,222,205)
```
#95e4d5
```
#95e4d5 rgb(149,228,213)
```

Monochromatic Color

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

#58d49e
```
#58d49e rgb(88,212,158)
```
#58d4a8
```
#58d4a8 rgb(88,212,168)
```
#58d4b3
```
#58d4b3 rgb(88,212,179)
```
#58d4bd
```
#58d4bd rgb(88,212,189)
```
#58d4c7
```
#58d4c7 rgb(88,212,199)
```
#58d4d2
```
#58d4d2 rgb(88,212,210)
```
#58ccd4
```
#58ccd4 rgb(88,204,212)
```

Similar Colors

Text with hexadecimal color #58d4bd

This text has a font color of #58d4bd.

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

#58d4bd background color

This paragraph has a background color of #58d4bd.

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

#58d4bd border color

This element has a border color of #58d4bd.

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

CSS codes

.text {color:#58d4bd;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#051411
```
#051411 rgb(5,20,17)
```
#09241f
```
#09241f rgb(9,36,31)
```
#0d332c
```
#0d332c rgb(13,51,44)
```
#11433a
```
#11433a rgb(17,67,58)
```
#155347
```
#155347 rgb(21,83,71)
```
#196255
```
#196255 rgb(25,98,85)
```
#1d7262
```
#1d7262 rgb(29,114,98)
```
#218170
```
#218170 rgb(33,129,112)
```
#25917d
```
#25917d rgb(37,145,125)
```
#29a18a
```
#29a18a rgb(41,161,138)
```
#2db098
```
#2db098 rgb(45,176,152)
```
#31c0a5
```
#31c0a5 rgb(49,192,165)
```

Shade Color Variation

#39ccb1
```
#39ccb1 rgb(57,204,177)
```
#48d0b7
```
#48d0b7 rgb(72,208,183)
```
#58d4bd
```
#58d4bd rgb(88,212,189)
```
#68d8c3
```
#68d8c3 rgb(104,216,195)
```
#77dcc9
```
#77dcc9 rgb(119,220,201)
```
#87e0cf
```
#87e0cf rgb(135,224,207)
```
#96e4d6
```
#96e4d6 rgb(150,228,214)
```
#a6e8dc
```
#a6e8dc rgb(166,232,220)
```
#b6ece2
```
#b6ece2 rgb(182,236,226)
```
#c5f0e8
```
#c5f0e8 rgb(197,240,232)
```
#d5f4ee
```
#d5f4ee rgb(213,244,238)
```
#e4f8f4
```
#e4f8f4 rgb(228,248,244)
```
#f4fcfb
```
#f4fcfb rgb(244,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919b99 is the less saturated color, while #30fcd6 is the most saturated one.

#919b99
```
#919b99 rgb(145,155,153)
```
#88a49f
```
#88a49f rgb(136,164,159)
```
#80aca4
```
#80aca4 rgb(128,172,164)
```
#78b4a9
```
#78b4a9 rgb(120,180,169)
```
#70bcae
```
#70bcae rgb(112,188,174)
```
#68c4b3
```
#68c4b3 rgb(104,196,179)
```
#60ccb8
```
#60ccb8 rgb(96,204,184)
```
#58d4bd
```
#58d4bd rgb(88,212,189)
```
#50dcc2
```
#50dcc2 rgb(80,220,194)
```
#48e4c7
```
#48e4c7 rgb(72,228,199)
```
#40eccc
```
#40eccc rgb(64,236,204)
```
#38f4d1
```
#38f4d1 rgb(56,244,209)
```
#30fcd6
```
#30fcd6 rgb(48,252,214)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#9bb4af Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c2b6 Protanopia 1% of men
#d2bdc8 Deuteranopia 1% of men
#6fd1e0 Tritanopia 0.001% of the population

Trichromacy

#a0c9b8 Protanomaly 1% of men, 0.01% of women
#a6c5c4 Deuteranomaly 6% of men, 0.4% of women
#67d2d3 Tritanomaly 0.01% of the population

#58d4bd hex color

#58d4bd Color Information

#58d4bd Color Conversion

Color Schemes with #58d4bd

Alternatives to #58d4bd

#58d4bd Preview

Shades and Tints of #58d4bd

Tones of #58d4bd

Color Blindness Simulator