#58cdd0 hex color

In a RGB color space, hex #58cdd0 is composed of 34.5% red, 80.4% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 1.4% magenta, 0% yellow and 18.4% black. It has a hue angle of 181.5 degrees, a saturation of 56.1% and a lightness of 58%. #58cdd0 color hex could be obtained by blending #b0ffff with #009ba1. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 80
- B 82
RGB color chart
- C 58
- M 1
- Y 0
- K 18
CMYK color chart

● #58cdd0 color description : Moderate cyan.

The hexadecimal color #58cdd0 has RGB values of R:88, G:205, B:208 and CMYK values of C:0.58, M:0.01, Y:0, K:0.18. Its decimal value is 5819856.

Hex triplet	58cdd0	`#58cdd0`
RGB Decimal	88, 205, 208	`rgb(88,205,208)`
RGB Percent	34.5, 80.4, 81.6	`rgb(34.5%,80.4%,81.6%)`
CMYK	58, 1, 0, 18
HSL	181.5°, 56.1, 58	`hsl(181.5,56.1%,58%)`
HSV (or HSB)	181.5°, 57.7, 81.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.246, -31.749, -11.418
XYZ	37.238, 50.288, 67.415
xyY	0.24, 0.325, 50.288
CIE-LCH	76.246, 33.74, 199.78
CIE-LUV	76.246, -47.539, -12.808
Hunter-Lab	70.914, -30.368, -6.724
Binary	01011000, 11001101, 11010000

#58cdd0
```
#58cdd0 rgb(88,205,208)
```
#d05b58
```
#d05b58 rgb(208,91,88)
```

Complementary Color

#58d097
```
#58d097 rgb(88,208,151)
```
#58cdd0
```
#58cdd0 rgb(88,205,208)
```
#5891d0
```
#5891d0 rgb(88,145,208)
```

Analogous Color

#d09758
```
#d09758 rgb(208,151,88)
```
#58cdd0
```
#58cdd0 rgb(88,205,208)
```
#d05891
```
#d05891 rgb(208,88,145)
```

Split Complementary Color

#cdd058
```
#cdd058 rgb(205,208,88)
```
#58cdd0
```
#58cdd0 rgb(88,205,208)
```
#d058cd
```
#d058cd rgb(208,88,205)
```

Triadic Color

#58d05b
```
#58d05b rgb(88,208,91)
```
#58cdd0
```
#58cdd0 rgb(88,205,208)
```
#d058cd
```
#d058cd rgb(208,88,205)
```
#d05b58
```
#d05b58 rgb(208,91,88)
```

Tetradic Color

#30a8ab
```
#30a8ab rgb(48,168,171)
```
#36bcbf
```
#36bcbf rgb(54,188,191)
```
#44c7ca
```
#44c7ca rgb(68,199,202)
```
#58cdd0
```
#58cdd0 rgb(88,205,208)
```
#6cd3d6
```
#6cd3d6 rgb(108,211,214)
```
#80d9db
```
#80d9db rgb(128,217,219)
```
#94dfe1
```
#94dfe1 rgb(148,223,225)
```

Monochromatic Color

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

#58d0b5
```
#58d0b5 rgb(88,208,181)
```
#58d0bf
```
#58d0bf rgb(88,208,191)
```
#58d0c9
```
#58d0c9 rgb(88,208,201)
```
#58cdd0
```
#58cdd0 rgb(88,205,208)
```
#58c3d0
```
#58c3d0 rgb(88,195,208)
```
#58b9d0
```
#58b9d0 rgb(88,185,208)
```
#58afd0
```
#58afd0 rgb(88,175,208)
```

Similar Colors

Text with hexadecimal color #58cdd0

This text has a font color of #58cdd0.

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

#58cdd0 background color

This paragraph has a background color of #58cdd0.

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

#58cdd0 border color

This element has a border color of #58cdd0.

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

CSS codes

.text {color:#58cdd0;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#051011
```
#051011 rgb(5,16,17)
```
#091f20
```
#091f20 rgb(9,31,32)
```
#0d2e2f
```
#0d2e2f rgb(13,46,47)
```
#123d3f
```
#123d3f rgb(18,61,63)
```
#164d4e
```
#164d4e rgb(22,77,78)
```
#1a5c5d
```
#1a5c5d rgb(26,92,93)
```
#1f6b6d
```
#1f6b6d rgb(31,107,109)
```
#237a7c
```
#237a7c rgb(35,122,124)
```
#27898b
```
#27898b rgb(39,137,139)
```
#2b989a
```
#2b989a rgb(43,152,154)
```
#30a7aa
```
#30a7aa rgb(48,167,170)
```
#34b6b9
```
#34b6b9 rgb(52,182,185)
```

Shade Color Variation

#39c4c7
```
#39c4c7 rgb(57,196,199)
```
#49c8cc
```
#49c8cc rgb(73,200,204)
```
#58cdd0
```
#58cdd0 rgb(88,205,208)
```
#67d2d4
```
#67d2d4 rgb(103,210,212)
```
#77d6d9
```
#77d6d9 rgb(119,214,217)
```
#86dbdd
```
#86dbdd rgb(134,219,221)
```
#95dfe1
```
#95dfe1 rgb(149,223,225)
```
#a5e4e6
```
#a5e4e6 rgb(165,228,230)
```
#b4e8ea
```
#b4e8ea rgb(180,232,234)
```
#c3edee
```
#c3edee rgb(195,237,238)
```
#d2f2f2
```
#d2f2f2 rgb(210,242,242)
```
#e2f6f7
```
#e2f6f7 rgb(226,246,247)
```
#f1fbfb
```
#f1fbfb rgb(241,251,251)
```

Tint Color Variation

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

#929696
```
#929696 rgb(146,150,150)
```
#899e9f
```
#899e9f rgb(137,158,159)
```
#81a6a7
```
#81a6a7 rgb(129,166,167)
```
#79aeaf
```
#79aeaf rgb(121,174,175)
```
#71b6b7
```
#71b6b7 rgb(113,182,183)
```
#68bdc0
```
#68bdc0 rgb(104,189,192)
```
#60c5c8
```
#60c5c8 rgb(96,197,200)
```
#58cdd0
```
#58cdd0 rgb(88,205,208)
```
#50d5d8
```
#50d5d8 rgb(80,213,216)
```
#48dde0
```
#48dde0 rgb(72,221,224)
```
#3fe4e9
```
#3fe4e9 rgb(63,228,233)
```
#37ecf1
```
#37ecf1 rgb(55,236,241)
```
#2ff4f9
```
#2ff4f9 rgb(47,244,249)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#9ab1b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfbec8 Protanopia 1% of men
#c4bbd9 Deuteranopia 1% of men
#66cddc Tritanopia 0.001% of the population

Trichromacy

#9ac3cb Protanomaly 1% of men, 0.01% of women
#9cc1d6 Deuteranomaly 6% of men, 0.4% of women
#61cdd8 Tritanomaly 0.01% of the population

#58cdd0 hex color

#58cdd0 Color Information

#58cdd0 Color Conversion

Color Schemes with #58cdd0

Alternatives to #58cdd0

#58cdd0 Preview

Shades and Tints of #58cdd0

Tones of #58cdd0

Color Blindness Simulator