#58abd6 hex color

In a RGB color space, hex #58abd6 is composed of 34.5% red, 67.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 20.1% magenta, 0% yellow and 16.1% black. It has a hue angle of 200.5 degrees, a saturation of 60.6% and a lightness of 59.2%. #58abd6 color hex could be obtained by blending #b0ffff with #0057ad. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 67
- B 84
RGB color chart
- C 59
- M 20
- Y 0
- K 16
CMYK color chart

● #58abd6 color description : Moderate blue.

The hexadecimal color #58abd6 has RGB values of R:88, G:171, B:214 and CMYK values of C:0.59, M:0.2, Y:0, K:0.16. Its decimal value is 5811158.

Hex triplet	58abd6	`#58abd6`
RGB Decimal	88, 171, 214	`rgb(88,171,214)`
RGB Percent	34.5, 67.1, 83.9	`rgb(34.5%,67.1%,83.9%)`
CMYK	59, 20, 0, 16
HSL	200.5°, 60.6, 59.2	`hsl(200.5,60.6%,59.2%)`
HSV (or HSB)	200.5°, 58.9, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.561, -12.723, -29.404
XYZ	30.722, 36.053, 68.955
xyY	0.226, 0.266, 36.053
CIE-LCH	66.561, 32.039, 246.601
CIE-LUV	66.561, -34.581, -44.539
Hunter-Lab	60.045, -13.748, -26.057
Binary	01011000, 10101011, 11010110

#58abd6
```
#58abd6 rgb(88,171,214)
```
#d68358
```
#d68358 rgb(214,131,88)
```

Complementary Color

#58d6c2
```
#58d6c2 rgb(88,214,194)
```
#58abd6
```
#58abd6 rgb(88,171,214)
```
#586cd6
```
#586cd6 rgb(88,108,214)
```

Analogous Color

#d6c258
```
#d6c258 rgb(214,194,88)
```
#58abd6
```
#58abd6 rgb(88,171,214)
```
#d6586c
```
#d6586c rgb(214,88,108)
```

Split Complementary Color

#abd658
```
#abd658 rgb(171,214,88)
```
#58abd6
```
#58abd6 rgb(88,171,214)
```
#d658ab
```
#d658ab rgb(214,88,171)
```

Triadic Color

#58d683
```
#58d683 rgb(88,214,131)
```
#58abd6
```
#58abd6 rgb(88,171,214)
```
#d658ab
```
#d658ab rgb(214,88,171)
```
#d68358
```
#d68358 rgb(214,131,88)
```

Tetradic Color

#2c86b5
```
#2c86b5 rgb(44,134,181)
```
#3196ca
```
#3196ca rgb(49,150,202)
```
#44a1d1
```
#44a1d1 rgb(68,161,209)
```
#58abd6
```
#58abd6 rgb(88,171,214)
```
#6cb5db
```
#6cb5db rgb(108,181,219)
```
#81c0e0
```
#81c0e0 rgb(129,192,224)
```
#95cae5
```
#95cae5 rgb(149,202,229)
```

Monochromatic Color

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

#58cbd6
```
#58cbd6 rgb(88,203,214)
```
#58c0d6
```
#58c0d6 rgb(88,192,214)
```
#58b6d6
```
#58b6d6 rgb(88,182,214)
```
#58abd6
```
#58abd6 rgb(88,171,214)
```
#58a1d6
```
#58a1d6 rgb(88,161,214)
```
#5896d6
```
#5896d6 rgb(88,150,214)
```
#588cd6
```
#588cd6 rgb(88,140,214)
```

Similar Colors

Text with hexadecimal color #58abd6

This text has a font color of #58abd6.

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

#58abd6 background color

This paragraph has a background color of #58abd6.

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

#58abd6 border color

This element has a border color of #58abd6.

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

CSS codes

.text {color:#58abd6;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#051016
```
#051016 rgb(5,16,22)
```
#091c26
```
#091c26 rgb(9,28,38)
```
#0d2835
```
#0d2835 rgb(13,40,53)
```
#113345
```
#113345 rgb(17,51,69)
```
#153f55
```
#153f55 rgb(21,63,85)
```
#194b65
```
#194b65 rgb(25,75,101)
```
#1d5674
```
#1d5674 rgb(29,86,116)
```
#206284
```
#206284 rgb(32,98,132)
```
#246e94
```
#246e94 rgb(36,110,148)
```
#287aa4
```
#287aa4 rgb(40,122,164)
```
#2c85b3
```
#2c85b3 rgb(44,133,179)
```
#3091c3
```
#3091c3 rgb(48,145,195)
```

Shade Color Variation

#399bce
```
#399bce rgb(57,155,206)
```
#48a3d2
```
#48a3d2 rgb(72,163,210)
```
#58abd6
```
#58abd6 rgb(88,171,214)
```
#68b3da
```
#68b3da rgb(104,179,218)
```
#77bbde
```
#77bbde rgb(119,187,222)
```
#87c3e2
```
#87c3e2 rgb(135,195,226)
```
#97cbe5
```
#97cbe5 rgb(151,203,229)
```
#a7d3e9
```
#a7d3e9 rgb(167,211,233)
```
#b6dbed
```
#b6dbed rgb(182,219,237)
```
#c6e2f1
```
#c6e2f1 rgb(198,226,241)
```
#d6eaf5
```
#d6eaf5 rgb(214,234,245)
```
#e6f2f9
```
#e6f2f9 rgb(230,242,249)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

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

#90999e
```
#90999e rgb(144,153,158)
```
#889ca6
```
#889ca6 rgb(136,156,166)
```
#809eae
```
#809eae rgb(128,158,174)
```
#78a1b6
```
#78a1b6 rgb(120,161,182)
```
#70a3be
```
#70a3be rgb(112,163,190)
```
#68a6c6
```
#68a6c6 rgb(104,166,198)
```
#60a8ce
```
#60a8ce rgb(96,168,206)
```
#58abd6
```
#58abd6 rgb(88,171,214)
```
#50aede
```
#50aede rgb(80,174,222)
```
#48b0e6
```
#48b0e6 rgb(72,176,230)
```
#40b3ee
```
#40b3ee rgb(64,179,238)
```
#38b5f6
```
#38b5f6 rgb(56,181,246)
```
#30b8fe
```
#30b8fe rgb(48,184,254)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8a9ba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa5d1 Protanopia 1% of men
#95a4dc Deuteranopia 1% of men
#53b3c0 Tritanopia 0.001% of the population

Trichromacy

#82a7d3 Protanomaly 1% of men, 0.01% of women
#7fa6d9 Deuteranomaly 6% of men, 0.4% of women
#55b0c8 Tritanomaly 0.01% of the population

#58abd6 hex color

#58abd6 Color Information

#58abd6 Color Conversion

Color Schemes with #58abd6

Alternatives to #58abd6

#58abd6 Preview

Shades and Tints of #58abd6

Tones of #58abd6

Color Blindness Simulator