#58abdd hex color

In a RGB color space, hex #58abdd is composed of 34.5% red, 67.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 22.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 202.6 degrees, a saturation of 66.2% and a lightness of 60.6%. #58abdd color hex could be obtained by blending #b0ffff with #0057bb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 67
- B 87
RGB color chart
- C 60
- M 23
- Y 0
- K 13
CMYK color chart

● #58abdd color description : Soft blue.

The hexadecimal color #58abdd has RGB values of R:88, G:171, B:221 and CMYK values of C:0.6, M:0.23, Y:0, K:0.13. Its decimal value is 5811165.

Hex triplet	58abdd	`#58abdd`
RGB Decimal	88, 171, 221	`rgb(88,171,221)`
RGB Percent	34.5, 67.1, 86.7	`rgb(34.5%,67.1%,86.7%)`
CMYK	60, 23, 0, 13
HSL	202.6°, 66.2, 60.6	`hsl(202.6,66.2%,60.6%)`
HSV (or HSB)	202.6°, 60.2, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.839, -10.554, -32.83
XYZ	31.635, 36.419, 73.765
xyY	0.223, 0.257, 36.419
CIE-LCH	66.839, 34.484, 252.178
CIE-LUV	66.839, -34.328, -50.588
Hunter-Lab	60.348, -12.037, -30.228
Binary	01011000, 10101011, 11011101

#58abdd
```
#58abdd rgb(88,171,221)
```
#dd8a58
```
#dd8a58 rgb(221,138,88)
```

Complementary Color

#58ddcd
```
#58ddcd rgb(88,221,205)
```
#58abdd
```
#58abdd rgb(88,171,221)
```
#5869dd
```
#5869dd rgb(88,105,221)
```

Analogous Color

#ddcd58
```
#ddcd58 rgb(221,205,88)
```
#58abdd
```
#58abdd rgb(88,171,221)
```
#dd5869
```
#dd5869 rgb(221,88,105)
```

Split Complementary Color

#abdd58
```
#abdd58 rgb(171,221,88)
```
#58abdd
```
#58abdd rgb(88,171,221)
```
#dd58ab
```
#dd58ab rgb(221,88,171)
```

Triadic Color

#58dd8a
```
#58dd8a rgb(88,221,138)
```
#58abdd
```
#58abdd rgb(88,171,221)
```
#dd58ab
```
#dd58ab rgb(221,88,171)
```
#dd8a58
```
#dd8a58 rgb(221,138,88)
```

Tetradic Color

#2787c1
```
#2787c1 rgb(39,135,193)
```
#2e96d4
```
#2e96d4 rgb(46,150,212)
```
#43a0d9
```
#43a0d9 rgb(67,160,217)
```
#58abdd
```
#58abdd rgb(88,171,221)
```
#6db6e1
```
#6db6e1 rgb(109,182,225)
```
#82c0e6
```
#82c0e6 rgb(130,192,230)
```
#98cbea
```
#98cbea rgb(152,203,234)
```

Monochromatic Color

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

#58ccdd
```
#58ccdd rgb(88,204,221)
```
#58c1dd
```
#58c1dd rgb(88,193,221)
```
#58b6dd
```
#58b6dd rgb(88,182,221)
```
#58abdd
```
#58abdd rgb(88,171,221)
```
#58a0dd
```
#58a0dd rgb(88,160,221)
```
#5895dd
```
#5895dd rgb(88,149,221)
```
#588add
```
#588add rgb(88,138,221)
```

Similar Colors

Text with hexadecimal color #58abdd

This text has a font color of #58abdd.

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

#58abdd background color

This paragraph has a background color of #58abdd.

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

#58abdd border color

This element has a border color of #58abdd.

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

CSS codes

.text {color:#58abdd;}

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

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

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, #02090c is the darkest color, while #fbfdfe is the lightest one.

#02090c
```
#02090c rgb(2,9,12)
```
#06141d
```
#06141d rgb(6,20,29)
```
#091f2d
```
#091f2d rgb(9,31,45)
```
#0c2b3d
```
#0c2b3d rgb(12,43,61)
```
#10364d
```
#10364d rgb(16,54,77)
```
#13425e
```
#13425e rgb(19,66,94)
```
#164d6e
```
#164d6e rgb(22,77,110)
```
#1a597e
```
#1a597e rgb(26,89,126)
```
#1d648f
```
#1d648f rgb(29,100,143)
```
#206f9f
```
#206f9f rgb(32,111,159)
```
#247baf
```
#247baf rgb(36,123,175)
```
#2786c0
```
#2786c0 rgb(39,134,192)
```
#2a92d0
```
#2a92d0 rgb(42,146,208)
```

Shade Color Variation

#379bd6
```
#379bd6 rgb(55,155,214)
```
#48a3da
```
#48a3da rgb(72,163,218)
```
#58abdd
```
#58abdd rgb(88,171,221)
```
#68b3e0
```
#68b3e0 rgb(104,179,224)
```
#79bbe4
```
#79bbe4 rgb(121,187,228)
```
#89c4e7
```
#89c4e7 rgb(137,196,231)
```
#99ccea
```
#99ccea rgb(153,204,234)
```
#a9d4ee
```
#a9d4ee rgb(169,212,238)
```
#badcf1
```
#badcf1 rgb(186,220,241)
```
#cae4f4
```
#cae4f4 rgb(202,228,244)
```
#daedf8
```
#daedf8 rgb(218,237,248)
```
#ebf5fb
```
#ebf5fb rgb(235,245,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#969c9f
```
#969c9f rgb(150,156,159)
```
#8e9ea7
```
#8e9ea7 rgb(142,158,167)
```
#869faf
```
#869faf rgb(134,159,175)
```
#7fa1b6
```
#7fa1b6 rgb(127,161,182)
```
#77a3be
```
#77a3be rgb(119,163,190)
```
#6fa5c6
```
#6fa5c6 rgb(111,165,198)
```
#67a7ce
```
#67a7ce rgb(103,167,206)
```
#60a9d5
```
#60a9d5 rgb(96,169,213)
```
#58abdd
```
#58abdd rgb(88,171,221)
```
#50ade5
```
#50ade5 rgb(80,173,229)
```
#49afec
```
#49afec rgb(73,175,236)
```
#41b1f4
```
#41b1f4 rgb(65,177,244)
```
#39b3fc
```
#39b3fc rgb(57,179,252)
```

Tone Color Variation

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

#98a5d8 Protanopia 1% of men
#91a5e2 Deuteranopia 1% of men
#4fb4c2 Tritanopia 0.001% of the population

Trichromacy

#81a7d9 Protanomaly 1% of men, 0.01% of women
#7ca7e0 Deuteranomaly 6% of men, 0.4% of women
#52b1cb Tritanomaly 0.01% of the population

#58abdd hex color

#58abdd Color Information

#58abdd Color Conversion

Color Schemes with #58abdd

Alternatives to #58abdd

#58abdd Preview

Shades and Tints of #58abdd

Tones of #58abdd

Color Blindness Simulator