#58b2de hex color

In a RGB color space, hex #58b2de is composed of 34.5% red, 69.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 19.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 199.7 degrees, a saturation of 67% and a lightness of 60.8%. #58b2de color hex could be obtained by blending #b0ffff with #0065bd. Closest websafe color is: #6699cc.

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

● #58b2de color description : Soft blue.

The hexadecimal color #58b2de has RGB values of R:88, G:178, B:222 and CMYK values of C:0.6, M:0.2, Y:0, K:0.13. Its decimal value is 5812958.

Hex triplet	58b2de	`#58b2de`
RGB Decimal	88, 178, 222	`rgb(88,178,222)`
RGB Percent	34.5, 69.8, 87.1	`rgb(34.5%,69.8%,87.1%)`
CMYK	60, 20, 0, 13
HSL	199.7°, 67, 60.8	`hsl(199.7,67%,60.8%)`
HSV (or HSB)	199.7°, 60.4, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.887, -14.021, -30.212
XYZ	33.126, 39.187, 74.921
xyY	0.225, 0.266, 39.187
CIE-LCH	68.887, 33.307, 245.105
CIE-LUV	68.887, -36.858, -45.943
Hunter-Lab	62.6, -15.091, -27.141
Binary	01011000, 10110010, 11011110

#58b2de
```
#58b2de rgb(88,178,222)
```
#de8458
```
#de8458 rgb(222,132,88)
```

Complementary Color

#58dec7
```
#58dec7 rgb(88,222,199)
```
#58b2de
```
#58b2de rgb(88,178,222)
```
#586fde
```
#586fde rgb(88,111,222)
```

Analogous Color

#dec758
```
#dec758 rgb(222,199,88)
```
#58b2de
```
#58b2de rgb(88,178,222)
```
#de586f
```
#de586f rgb(222,88,111)
```

Split Complementary Color

#b2de58
```
#b2de58 rgb(178,222,88)
```
#58b2de
```
#58b2de rgb(88,178,222)
```
#de58b2
```
#de58b2 rgb(222,88,178)
```

Triadic Color

#58de84
```
#58de84 rgb(88,222,132)
```
#58b2de
```
#58b2de rgb(88,178,222)
```
#de58b2
```
#de58b2 rgb(222,88,178)
```
#de8458
```
#de8458 rgb(222,132,88)
```

Tetradic Color

#2790c3
```
#2790c3 rgb(39,144,195)
```
#2d9ed6
```
#2d9ed6 rgb(45,158,214)
```
#43a8da
```
#43a8da rgb(67,168,218)
```
#58b2de
```
#58b2de rgb(88,178,222)
```
#6dbce2
```
#6dbce2 rgb(109,188,226)
```
#83c6e6
```
#83c6e6 rgb(131,198,230)
```
#98cfeb
```
#98cfeb rgb(152,207,235)
```

Monochromatic Color

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

#58d4de
```
#58d4de rgb(88,212,222)
```
#58c8de
```
#58c8de rgb(88,200,222)
```
#58bdde
```
#58bdde rgb(88,189,222)
```
#58b2de
```
#58b2de rgb(88,178,222)
```
#58a7de
```
#58a7de rgb(88,167,222)
```
#589cde
```
#589cde rgb(88,156,222)
```
#5891de
```
#5891de rgb(88,145,222)
```

Similar Colors

Text with hexadecimal color #58b2de

This text has a font color of #58b2de.

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

#58b2de background color

This paragraph has a background color of #58b2de.

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

#58b2de border color

This element has a border color of #58b2de.

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

CSS codes

.text {color:#58b2de;}

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

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

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, #030a0d is the darkest color, while #fcfefe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#06161e
```
#06161e rgb(6,22,30)
```
#09222e
```
#09222e rgb(9,34,46)
```
#0c2e3e
```
#0c2e3e rgb(12,46,62)
```
#103a4f
```
#103a4f rgb(16,58,79)
```
#13465f
```
#13465f rgb(19,70,95)
```
#16526f
```
#16526f rgb(22,82,111)
```
#195e80
```
#195e80 rgb(25,94,128)
```
#1c6a90
```
#1c6a90 rgb(28,106,144)
```
#2076a1
```
#2076a1 rgb(32,118,161)
```
#2382b1
```
#2382b1 rgb(35,130,177)
```
#268ec1
```
#268ec1 rgb(38,142,193)
```
#299ad2
```
#299ad2 rgb(41,154,210)
```

Shade Color Variation

#37a3d8
```
#37a3d8 rgb(55,163,216)
```
#48aadb
```
#48aadb rgb(72,170,219)
```
#58b2de
```
#58b2de rgb(88,178,222)
```
#68bae1
```
#68bae1 rgb(104,186,225)
```
#79c1e4
```
#79c1e4 rgb(121,193,228)
```
#89c9e8
```
#89c9e8 rgb(137,201,232)
```
#9ad0eb
```
#9ad0eb rgb(154,208,235)
```
#aad8ee
```
#aad8ee rgb(170,216,238)
```
#badff1
```
#badff1 rgb(186,223,241)
```
#cbe7f5
```
#cbe7f5 rgb(203,231,245)
```
#dbeef8
```
#dbeef8 rgb(219,238,248)
```
#ebf6fb
```
#ebf6fb rgb(235,246,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#969da0
```
#969da0 rgb(150,157,160)
```
#8ea0a8
```
#8ea0a8 rgb(142,160,168)
```
#86a2b0
```
#86a2b0 rgb(134,162,176)
```
#7ea5b8
```
#7ea5b8 rgb(126,165,184)
```
#77a7bf
```
#77a7bf rgb(119,167,191)
```
#6faac7
```
#6faac7 rgb(111,170,199)
```
#67adcf
```
#67adcf rgb(103,173,207)
```
#60afd6
```
#60afd6 rgb(96,175,214)
```
#58b2de
```
#58b2de rgb(88,178,222)
```
#50b5e6
```
#50b5e6 rgb(80,181,230)
```
#49b7ed
```
#49b7ed rgb(73,183,237)
```
#41baf5
```
#41baf5 rgb(65,186,245)
```
#39bdfd
```
#39bdfd rgb(57,189,253)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ea0a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0aad8 Protanopia 1% of men
#9baae4 Deuteranopia 1% of men
#52bac8 Tritanopia 0.001% of the population

Trichromacy

#85adda Protanomaly 1% of men, 0.01% of women
#82ade1 Deuteranomaly 6% of men, 0.4% of women
#54b7d0 Tritanomaly 0.01% of the population

#58b2de hex color

#58b2de Color Information

#58b2de Color Conversion

Color Schemes with #58b2de

Alternatives to #58b2de

#58b2de Preview

Shades and Tints of #58b2de

Tones of #58b2de

Color Blindness Simulator