#58abdc hex color

In a RGB color space, hex #58abdc is composed of 34.5% red, 67.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 22.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 202.3 degrees, a saturation of 65.3% and a lightness of 60.4%. #58abdc color hex could be obtained by blending #b0ffff with #0057b9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 67
- B 86
RGB color chart
- C 60
- M 22
- Y 0
- K 14
CMYK color chart

● #58abdc color description : Soft blue.

The hexadecimal color #58abdc has RGB values of R:88, G:171, B:220 and CMYK values of C:0.6, M:0.22, Y:0, K:0.14. Its decimal value is 5811164.

Hex triplet	58abdc	`#58abdc`
RGB Decimal	88, 171, 220	`rgb(88,171,220)`
RGB Percent	34.5, 67.1, 86.3	`rgb(34.5%,67.1%,86.3%)`
CMYK	60, 22, 0, 14
HSL	202.3°, 65.3, 60.4	`hsl(202.3,65.3%,60.4%)`
HSV (or HSB)	202.3°, 60, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.798, -10.866, -32.342
XYZ	31.502, 36.366, 73.065
xyY	0.224, 0.258, 36.366
CIE-LCH	66.798, 34.118, 251.429
CIE-LUV	66.798, -34.364, -49.725
Hunter-Lab	60.304, -12.284, -29.624
Binary	01011000, 10101011, 11011100

#58abdc
```
#58abdc rgb(88,171,220)
```
#dc8958
```
#dc8958 rgb(220,137,88)
```

Complementary Color

#58dccb
```
#58dccb rgb(88,220,203)
```
#58abdc
```
#58abdc rgb(88,171,220)
```
#5869dc
```
#5869dc rgb(88,105,220)
```

Analogous Color

#dccb58
```
#dccb58 rgb(220,203,88)
```
#58abdc
```
#58abdc rgb(88,171,220)
```
#dc5869
```
#dc5869 rgb(220,88,105)
```

Split Complementary Color

#abdc58
```
#abdc58 rgb(171,220,88)
```
#58abdc
```
#58abdc rgb(88,171,220)
```
#dc58ab
```
#dc58ab rgb(220,88,171)
```

Triadic Color

#58dc89
```
#58dc89 rgb(88,220,137)
```
#58abdc
```
#58abdc rgb(88,171,220)
```
#dc58ab
```
#dc58ab rgb(220,88,171)
```
#dc8958
```
#dc8958 rgb(220,137,88)
```

Tetradic Color

#2887bf
```
#2887bf rgb(40,135,191)
```
#2e96d3
```
#2e96d3 rgb(46,150,211)
```
#43a0d8
```
#43a0d8 rgb(67,160,216)
```
#58abdc
```
#58abdc rgb(88,171,220)
```
#6db6e0
```
#6db6e0 rgb(109,182,224)
```
#82c0e5
```
#82c0e5 rgb(130,192,229)
```
#97cbe9
```
#97cbe9 rgb(151,203,233)
```

Monochromatic Color

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

#58ccdc
```
#58ccdc rgb(88,204,220)
```
#58c1dc
```
#58c1dc rgb(88,193,220)
```
#58b6dc
```
#58b6dc rgb(88,182,220)
```
#58abdc
```
#58abdc rgb(88,171,220)
```
#58a0dc
```
#58a0dc rgb(88,160,220)
```
#5895dc
```
#5895dc rgb(88,149,220)
```
#588adc
```
#588adc rgb(88,138,220)
```

Similar Colors

Text with hexadecimal color #58abdc

This text has a font color of #58abdc.

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

#58abdc background color

This paragraph has a background color of #58abdc.

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

#58abdc border color

This element has a border color of #58abdc.

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

CSS codes

.text {color:#58abdc;}

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

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

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, #02080b is the darkest color, while #fafdfe is the lightest one.

#02080b
```
#02080b rgb(2,8,11)
```
#06141c
```
#06141c rgb(6,20,28)
```
#091f2c
```
#091f2c rgb(9,31,44)
```
#0d2a3c
```
#0d2a3c rgb(13,42,60)
```
#10364c
```
#10364c rgb(16,54,76)
```
#13415c
```
#13415c rgb(19,65,92)
```
#174d6d
```
#174d6d rgb(23,77,109)
```
#1a587d
```
#1a587d rgb(26,88,125)
```
#1e648d
```
#1e648d rgb(30,100,141)
```
#216f9d
```
#216f9d rgb(33,111,157)
```
#247bae
```
#247bae rgb(36,123,174)
```
#2886be
```
#2886be rgb(40,134,190)
```
#2b92ce
```
#2b92ce rgb(43,146,206)
```

Shade Color Variation

#389bd5
```
#389bd5 rgb(56,155,213)
```
#48a3d9
```
#48a3d9 rgb(72,163,217)
```
#58abdc
```
#58abdc rgb(88,171,220)
```
#68b3df
```
#68b3df rgb(104,179,223)
```
#78bbe3
```
#78bbe3 rgb(120,187,227)
```
#89c3e6
```
#89c3e6 rgb(137,195,230)
```
#99ccea
```
#99ccea rgb(153,204,234)
```
#a9d4ed
```
#a9d4ed rgb(169,212,237)
```
#b9dcf0
```
#b9dcf0 rgb(185,220,240)
```
#cae4f4
```
#cae4f4 rgb(202,228,244)
```
#daecf7
```
#daecf7 rgb(218,236,247)
```
#eaf4fb
```
#eaf4fb rgb(234,244,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969b9e is the less saturated color, while #39b3fb is the most saturated one.

#969b9e
```
#969b9e rgb(150,155,158)
```
#8e9da6
```
#8e9da6 rgb(142,157,166)
```
#879fad
```
#879fad rgb(135,159,173)
```
#7fa1b5
```
#7fa1b5 rgb(127,161,181)
```
#77a3bd
```
#77a3bd rgb(119,163,189)
```
#6fa5c5
```
#6fa5c5 rgb(111,165,197)
```
#68a7cc
```
#68a7cc rgb(104,167,204)
```
#60a9d4
```
#60a9d4 rgb(96,169,212)
```
#58abdc
```
#58abdc rgb(88,171,220)
```
#50ade4
```
#50ade4 rgb(80,173,228)
```
#48afec
```
#48afec rgb(72,175,236)
```
#41b1f3
```
#41b1f3 rgb(65,177,243)
```
#39b3fb
```
#39b3fb rgb(57,179,251)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8b9ca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a5d7 Protanopia 1% of men
#92a5e1 Deuteranopia 1% of men
#50b4c1 Tritanopia 0.001% of the population

Trichromacy

#81a7d8 Protanomaly 1% of men, 0.01% of women
#7da7df Deuteranomaly 6% of men, 0.4% of women
#53b1cb Tritanomaly 0.01% of the population

#58abdc hex color

#58abdc Color Information

#58abdc Color Conversion

Color Schemes with #58abdc

Alternatives to #58abdc

#58abdc Preview

Shades and Tints of #58abdc

Tones of #58abdc

Color Blindness Simulator