colorhexa.com

#58bfed hex color

In a RGB color space, hex #58bfed is composed of 34.5% red, 74.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 19.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 198.5 degrees, a saturation of 80.5% and a lightness of 63.7%. #58bfed color hex could be obtained by blending #b0ffff with #007fdb. Closest websafe color is: #66ccff.

- R 35
- G 75
- B 93
RGB color chart
- C 63
- M 19
- Y 0
- K 7
CMYK color chart

● #58bfed color description : Soft blue.

The hexadecimal color #58bfed has RGB values of R:88, G:191, B:237 and CMYK values of C:0.63, M:0.19, Y:0, K:0.07. Its decimal value is 5816301.

Hex triplet	58bfed	`#58bfed`
RGB Decimal	88, 191, 237	`rgb(88,191,237)`
RGB Percent	34.5, 74.9, 92.9	`rgb(34.5%,74.9%,92.9%)`
CMYK	63, 19, 0, 7
HSL	198.5°, 80.5, 63.7	`hsl(198.5,80.5%,63.7%)`
HSV (or HSB)	198.5°, 62.9, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.186, -16.281, -31.74
XYZ	37.937, 45.448, 86.889
xyY	0.223, 0.267, 45.448
CIE-LCH	73.186, 35.673, 242.844
CIE-LUV	73.186, -40.953, -48.613
Hunter-Lab	67.415, -17.526, -29.226
Binary	01011000, 10111111, 11101101

#58bfed
```
#58bfed rgb(88,191,237)
```
#ed8658
```
#ed8658 rgb(237,134,88)
```

Complementary Color

#58edd1
```
#58edd1 rgb(88,237,209)
```
#58bfed
```
#58bfed rgb(88,191,237)
```
#5875ed
```
#5875ed rgb(88,117,237)
```

Analogous Color

#edd158
```
#edd158 rgb(237,209,88)
```
#58bfed
```
#58bfed rgb(88,191,237)
```
#ed5875
```
#ed5875 rgb(237,88,117)
```

Split Complementary Color

#bfed58
```
#bfed58 rgb(191,237,88)
```
#58bfed
```
#58bfed rgb(88,191,237)
```
#ed58bf
```
#ed58bf rgb(237,88,191)
```

Triadic Color

#58ed86
```
#58ed86 rgb(88,237,134)
```
#58bfed
```
#58bfed rgb(88,191,237)
```
#ed58bf
```
#ed58bf rgb(237,88,191)
```
#ed8658
```
#ed8658 rgb(237,134,88)
```

Tetradic Color

#18a3e0
```
#18a3e0 rgb(24,163,224)
```
#2aade8
```
#2aade8 rgb(42,173,232)
```
#41b6eb
```
#41b6eb rgb(65,182,235)
```
#58bfed
```
#58bfed rgb(88,191,237)
```
#6fc8ef
```
#6fc8ef rgb(111,200,239)
```
#86d1f2
```
#86d1f2 rgb(134,209,242)
```
#9dd9f4
```
#9dd9f4 rgb(157,217,244)
```

Monochromatic Color

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

#58e4ed
```
#58e4ed rgb(88,228,237)
```
#58d8ed
```
#58d8ed rgb(88,216,237)
```
#58cbed
```
#58cbed rgb(88,203,237)
```
#58bfed
```
#58bfed rgb(88,191,237)
```
#58b3ed
```
#58b3ed rgb(88,179,237)
```
#58a6ed
```
#58a6ed rgb(88,166,237)
```
#589aed
```
#589aed rgb(88,154,237)
```

Similar Colors

Text with hexadecimal color #58bfed

This text has a font color of #58bfed.

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

#58bfed background color

This paragraph has a background color of #58bfed.

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

#58bfed border color

This element has a border color of #58bfed.

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

CSS codes

.text {color:#58bfed;}

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

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

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, #01070a is the darkest color, while #f7fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#03141c
```
#03141c rgb(3,20,28)
```
#05212d
```
#05212d rgb(5,33,45)
```
#072e3f
```
#072e3f rgb(7,46,63)
```
#093b51
```
#093b51 rgb(9,59,81)
```
#0b4763
```
#0b4763 rgb(11,71,99)
```
#0d5474
```
#0d5474 rgb(13,84,116)
```
#0e6186
```
#0e6186 rgb(14,97,134)
```
#106e98
```
#106e98 rgb(16,110,152)
```
#127ba9
```
#127ba9 rgb(18,123,169)
```
#1488bb
```
#1488bb rgb(20,136,187)
```
#1694cd
```
#1694cd rgb(22,148,205)
```
#18a1df
```
#18a1df rgb(24,161,223)
```

Shade Color Variation

#23abe7
```
#23abe7 rgb(35,171,231)
```
#35b1e9
```
#35b1e9 rgb(53,177,233)
```
#46b8eb
```
#46b8eb rgb(70,184,235)
```
#58bfed
```
#58bfed rgb(88,191,237)
```
#6ac6ef
```
#6ac6ef rgb(106,198,239)
```
#7bcdf1
```
#7bcdf1 rgb(123,205,241)
```
#8dd3f3
```
#8dd3f3 rgb(141,211,243)
```
#9fdaf5
```
#9fdaf5 rgb(159,218,245)
```
#b1e1f7
```
#b1e1f7 rgb(177,225,247)
```
#c2e8f8
```
#c2e8f8 rgb(194,232,248)
```
#d4effa
```
#d4effa rgb(212,239,250)
```
#e6f5fc
```
#e6f5fc rgb(230,245,252)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa4a6 is the less saturated color, while #4ac4fb is the most saturated one.

#9fa4a6
```
#9fa4a6 rgb(159,164,166)
```
#98a7ad
```
#98a7ad rgb(152,167,173)
```
#91a9b4
```
#91a9b4 rgb(145,169,180)
```
#8aacbb
```
#8aacbb rgb(138,172,187)
```
#83afc2
```
#83afc2 rgb(131,175,194)
```
#7cb1c9
```
#7cb1c9 rgb(124,177,201)
```
#74b4d1
```
#74b4d1 rgb(116,180,209)
```
#6db7d8
```
#6db7d8 rgb(109,183,216)
```
#66badf
```
#66badf rgb(102,186,223)
```
#5fbce6
```
#5fbce6 rgb(95,188,230)
```
#58bfed
```
#58bfed rgb(88,191,237)
```
#51c2f4
```
#51c2f4 rgb(81,194,244)
```
#4ac4fb
```
#4ac4fb rgb(74,196,251)
```

Tone Color Variation

Below, you can see how #58bfed 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
#96aab3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab5e5 Protanopia 1% of men
#a4b5f2 Deuteranopia 1% of men
#50c6d5 Tritanopia 0.001% of the population

Trichromacy

#8cb9e8 Protanomaly 1% of men, 0.01% of women
#88b8f0 Deuteranomaly 6% of men, 0.4% of women
#53c4de Tritanomaly 0.01% of the population