#58b1fc hex color

In a RGB color space, hex #58b1fc is composed of 34.5% red, 69.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 29.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 207.4 degrees, a saturation of 96.5% and a lightness of 66.7%. #58b1fc color hex could be obtained by blending #b0ffff with #0063f9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 69
- B 99
RGB color chart
- C 65
- M 30
- Y 0
- K 1
CMYK color chart

● #58b1fc color description : Soft blue.

The hexadecimal color #58b1fc has RGB values of R:88, G:177, B:252 and CMYK values of C:0.65, M:0.3, Y:0, K:0.01. Its decimal value is 5812732.

Hex triplet	58b1fc	`#58b1fc`
RGB Decimal	88, 177, 252	`rgb(88,177,252)`
RGB Percent	34.5, 69.4, 98.8	`rgb(34.5%,69.4%,98.8%)`
CMYK	65, 30, 0, 1
HSL	207.4°, 96.5, 66.7	`hsl(207.4,96.5%,66.7%)`
HSV (or HSB)	207.4°, 65.1, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.856, -3.958, -45.041
XYZ	37.313, 40.545, 97.95
xyY	0.212, 0.231, 40.545
CIE-LCH	69.856, 45.215, 264.978
CIE-LUV	69.856, -35.369, -72.529
Hunter-Lab	63.675, -6.83, -46.633
Binary	01011000, 10110001, 11111100

#58b1fc
```
#58b1fc rgb(88,177,252)
```
#fca358
```
#fca358 rgb(252,163,88)
```

Complementary Color

#58fcf5
```
#58fcf5 rgb(88,252,245)
```
#58b1fc
```
#58b1fc rgb(88,177,252)
```
#585ffc
```
#585ffc rgb(88,95,252)
```

Analogous Color

#fcf558
```
#fcf558 rgb(252,245,88)
```
#58b1fc
```
#58b1fc rgb(88,177,252)
```
#fc585f
```
#fc585f rgb(252,88,95)
```

Split Complementary Color

#b1fc58
```
#b1fc58 rgb(177,252,88)
```
#58b1fc
```
#58b1fc rgb(88,177,252)
```
#fc58b1
```
#fc58b1 rgb(252,88,177)
```

Triadic Color

#58fca3
```
#58fca3 rgb(88,252,163)
```
#58b1fc
```
#58b1fc rgb(88,177,252)
```
#fc58b1
```
#fc58b1 rgb(252,88,177)
```
#fca358
```
#fca358 rgb(252,163,88)
```

Tetradic Color

#0d8efb
```
#0d8efb rgb(13,142,251)
```
#269afb
```
#269afb rgb(38,154,251)
```
#3fa5fc
```
#3fa5fc rgb(63,165,252)
```
#58b1fc
```
#58b1fc rgb(88,177,252)
```
#71bdfc
```
#71bdfc rgb(113,189,252)
```
#8ac8fd
```
#8ac8fd rgb(138,200,253)
```
#a3d4fd
```
#a3d4fd rgb(163,212,253)
```

Monochromatic Color

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

#58dafc
```
#58dafc rgb(88,218,252)
```
#58ccfc
```
#58ccfc rgb(88,204,252)
```
#58bffc
```
#58bffc rgb(88,191,252)
```
#58b1fc
```
#58b1fc rgb(88,177,252)
```
#58a3fc
```
#58a3fc rgb(88,163,252)
```
#5896fc
```
#5896fc rgb(88,150,252)
```
#5888fc
```
#5888fc rgb(88,136,252)
```

Similar Colors

Text with hexadecimal color #58b1fc

This text has a font color of #58b1fc.

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

#58b1fc background color

This paragraph has a background color of #58b1fc.

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

#58b1fc border color

This element has a border color of #58b1fc.

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

CSS codes

.text {color:#58b1fc;}

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

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

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, #000406 is the darkest color, while #f2f9ff is the lightest one.

#000406
```
#000406 rgb(0,4,6)
```
#000e1a
```
#000e1a rgb(0,14,26)
```
#01192d
```
#01192d rgb(1,25,45)
```
#012340
```
#012340 rgb(1,35,64)
```
#012e54
```
#012e54 rgb(1,46,84)
```
#023967
```
#023967 rgb(2,57,103)
```
#02437a
```
#02437a rgb(2,67,122)
```
#034e8d
```
#034e8d rgb(3,78,141)
```
#0358a1
```
#0358a1 rgb(3,88,161)
```
#0363b4
```
#0363b4 rgb(3,99,180)
```
#046ec7
```
#046ec7 rgb(4,110,199)
```
#0478da
```
#0478da rgb(4,120,218)
```
#0483ee
```
#0483ee rgb(4,131,238)
```

Shade Color Variation

#0b8dfb
```
#0b8dfb rgb(11,141,251)
```
#1e96fb
```
#1e96fb rgb(30,150,251)
```
#319ffb
```
#319ffb rgb(49,159,251)
```
#45a8fc
```
#45a8fc rgb(69,168,252)
```
#58b1fc
```
#58b1fc rgb(88,177,252)
```
#6bbafc
```
#6bbafc rgb(107,186,252)
```
#7fc3fd
```
#7fc3fd rgb(127,195,253)
```
#92ccfd
```
#92ccfd rgb(146,204,253)
```
#a5d5fd
```
#a5d5fd rgb(165,213,253)
```
#b8defe
```
#b8defe rgb(184,222,254)
```
#cce7fe
```
#cce7fe rgb(204,231,254)
```
#dff0fe
```
#dff0fe rgb(223,240,254)
```
#f2f9ff
```
#f2f9ff rgb(242,249,255)
```

Tint Color Variation

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

#a6aaae
```
#a6aaae rgb(166,170,174)
```
#a0abb4
```
#a0abb4 rgb(160,171,180)
```
#99abbb
```
#99abbb rgb(153,171,187)
```
#93acc1
```
#93acc1 rgb(147,172,193)
```
#8cadc8
```
#8cadc8 rgb(140,173,200)
```
#86adce
```
#86adce rgb(134,173,206)
```
#7faed5
```
#7faed5 rgb(127,174,213)
```
#79aedb
```
#79aedb rgb(121,174,219)
```
#72afe2
```
#72afe2 rgb(114,175,226)
```
#6cafe8
```
#6cafe8 rgb(108,175,232)
```
#65b0ef
```
#65b0ef rgb(101,176,239)
```
#5fb0f5
```
#5fb0f5 rgb(95,176,245)
```
#58b1fc
```
#58b1fc rgb(88,177,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#91a3b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95acf5 Protanopia 1% of men
#86aefe Deuteranopia 1% of men
#3bbecc Tritanopia 0.001% of the population

Trichromacy

#7faef8 Protanomaly 1% of men, 0.01% of women
#75affd Deuteranomaly 6% of men, 0.4% of women
#45b9dd Tritanomaly 0.01% of the population

#58b1fc hex color

#58b1fc Color Information

#58b1fc Color Conversion

Color Schemes with #58b1fc

Alternatives to #58b1fc

#58b1fc Preview

Shades and Tints of #58b1fc

Tones of #58b1fc

Color Blindness Simulator