#58bdf3 hex color

In a RGB color space, hex #58bdf3 is composed of 34.5% red, 74.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 22.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 200.9 degrees, a saturation of 86.6% and a lightness of 64.9%. #58bdf3 color hex could be obtained by blending #b0ffff with #007be7. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 74
- B 95
RGB color chart
- C 64
- M 22
- Y 0
- K 5
CMYK color chart

● #58bdf3 color description : Soft blue.

The hexadecimal color #58bdf3 has RGB values of R:88, G:189, B:243 and CMYK values of C:0.64, M:0.22, Y:0, K:0.05. Its decimal value is 5815795.

Hex triplet	58bdf3	`#58bdf3`
RGB Decimal	88, 189, 243	`rgb(88,189,243)`
RGB Percent	34.5, 74.1, 95.3	`rgb(34.5%,74.1%,95.3%)`
CMYK	64, 22, 0, 5
HSL	200.9°, 86.6, 64.9	`hsl(200.9,86.6%,64.9%)`
HSV (or HSB)	200.9°, 63.8, 95.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.851, -13.362, -35.501
XYZ	38.396, 44.938, 91.44
xyY	0.22, 0.257, 44.938
CIE-LCH	72.851, 37.932, 249.374
CIE-LUV	72.851, -39.966, -55.382
Hunter-Lab	67.036, -15.074, -33.949
Binary	01011000, 10111101, 11110011

#58bdf3
```
#58bdf3 rgb(88,189,243)
```
#f38e58
```
#f38e58 rgb(243,142,88)
```

Complementary Color

#58f3dc
```
#58f3dc rgb(88,243,220)
```
#58bdf3
```
#58bdf3 rgb(88,189,243)
```
#5870f3
```
#5870f3 rgb(88,112,243)
```

Analogous Color

#f3dc58
```
#f3dc58 rgb(243,220,88)
```
#58bdf3
```
#58bdf3 rgb(88,189,243)
```
#f35870
```
#f35870 rgb(243,88,112)
```

Split Complementary Color

#bdf358
```
#bdf358 rgb(189,243,88)
```
#58bdf3
```
#58bdf3 rgb(88,189,243)
```
#f358bd
```
#f358bd rgb(243,88,189)
```

Triadic Color

#58f38e
```
#58f38e rgb(88,243,142)
```
#58bdf3
```
#58bdf3 rgb(88,189,243)
```
#f358bd
```
#f358bd rgb(243,88,189)
```
#f38e58
```
#f38e58 rgb(243,142,88)
```

Tetradic Color

#11a1ed
```
#11a1ed rgb(17,161,237)
```
#28aaf0
```
#28aaf0 rgb(40,170,240)
```
#40b4f1
```
#40b4f1 rgb(64,180,241)
```
#58bdf3
```
#58bdf3 rgb(88,189,243)
```
#70c6f5
```
#70c6f5 rgb(112,198,245)
```
#88d0f6
```
#88d0f6 rgb(136,208,246)
```
#9fd9f8
```
#9fd9f8 rgb(159,217,248)
```

Monochromatic Color

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

#58e4f3
```
#58e4f3 rgb(88,228,243)
```
#58d7f3
```
#58d7f3 rgb(88,215,243)
```
#58caf3
```
#58caf3 rgb(88,202,243)
```
#58bdf3
```
#58bdf3 rgb(88,189,243)
```
#58b0f3
```
#58b0f3 rgb(88,176,243)
```
#58a3f3
```
#58a3f3 rgb(88,163,243)
```
#5896f3
```
#5896f3 rgb(88,150,243)
```

Similar Colors

Text with hexadecimal color #58bdf3

This text has a font color of #58bdf3.

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

#58bdf3 background color

This paragraph has a background color of #58bdf3.

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

#58bdf3 border color

This element has a border color of #58bdf3.

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

CSS codes

.text {color:#58bdf3;}

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

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

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, #010b10 is the darkest color, while #fdfeff is the lightest one.

#010b10
```
#010b10 rgb(1,11,16)
```
#021722
```
#021722 rgb(2,23,34)
```
#042435
```
#042435 rgb(4,36,53)
```
#053047
```
#053047 rgb(5,48,71)
```
#063c59
```
#063c59 rgb(6,60,89)
```
#08496c
```
#08496c rgb(8,73,108)
```
#09557e
```
#09557e rgb(9,85,126)
```
#0a6290
```
#0a6290 rgb(10,98,144)
```
#0c6ea2
```
#0c6ea2 rgb(12,110,162)
```
#0d7ab5
```
#0d7ab5 rgb(13,122,181)
```
#0e87c7
```
#0e87c7 rgb(14,135,199)
```
#1093d9
```
#1093d9 rgb(16,147,217)
```
#119fec
```
#119fec rgb(17,159,236)
```

Shade Color Variation

#21a7ef
```
#21a7ef rgb(33,167,239)
```
#33aff0
```
#33aff0 rgb(51,175,240)
```
#46b6f2
```
#46b6f2 rgb(70,182,242)
```
#58bdf3
```
#58bdf3 rgb(88,189,243)
```
#6ac4f4
```
#6ac4f4 rgb(106,196,244)
```
#7dcbf6
```
#7dcbf6 rgb(125,203,246)
```
#8fd3f7
```
#8fd3f7 rgb(143,211,247)
```
#a1daf8
```
#a1daf8 rgb(161,218,248)
```
#b4e1fa
```
#b4e1fa rgb(180,225,250)
```
#c6e8fb
```
#c6e8fb rgb(198,232,251)
```
#d8f0fc
```
#d8f0fc rgb(216,240,252)
```
#eaf7fe
```
#eaf7fe rgb(234,247,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a4a6a7
```
#a4a6a7 rgb(164,166,167)
```
#9da8ae
```
#9da8ae rgb(157,168,174)
```
#96aab5
```
#96aab5 rgb(150,170,181)
```
#8facbc
```
#8facbc rgb(143,172,188)
```
#88aec3
```
#88aec3 rgb(136,174,195)
```
#81b0ca
```
#81b0ca rgb(129,176,202)
```
#7ab3d1
```
#7ab3d1 rgb(122,179,209)
```
#74b5d7
```
#74b5d7 rgb(116,181,215)
```
#6db7de
```
#6db7de rgb(109,183,222)
```
#66b9e5
```
#66b9e5 rgb(102,185,229)
```
#5fbbec
```
#5fbbec rgb(95,187,236)
```
#58bdf3
```
#58bdf3 rgb(88,189,243)
```
#51bffa
```
#51bffa rgb(81,191,250)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#96aab5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b4eb Protanopia 1% of men
#9eb4f8 Deuteranopia 1% of men
#4bc6d4 Tritanopia 0.001% of the population

Trichromacy

#8ab7ee Protanomaly 1% of men, 0.01% of women
#84b7f6 Deuteranomaly 6% of men, 0.4% of women
#50c2df Tritanomaly 0.01% of the population

#58bdf3 hex color

#58bdf3 Color Information

#58bdf3 Color Conversion

Color Schemes with #58bdf3

Alternatives to #58bdf3

#58bdf3 Preview

Shades and Tints of #58bdf3

Tones of #58bdf3

Color Blindness Simulator