#58b8fe hex color

In a RGB color space, hex #58b8fe is composed of 34.5% red, 72.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 27.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 205.3 degrees, a saturation of 98.8% and a lightness of 67.1%. #58b8fe color hex could be obtained by blending #b0ffff with #0071fd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 72
- B 100
RGB color chart
- C 65
- M 28
- Y 0
- K 0
CMYK color chart

● #58b8fe color description : Soft blue.

The hexadecimal color #58b8fe has RGB values of R:88, G:184, B:254 and CMYK values of C:0.65, M:0.28, Y:0, K:0. Its decimal value is 5814526.

Hex triplet	58b8fe	`#58b8fe`
RGB Decimal	88, 184, 254	`rgb(88,184,254)`
RGB Percent	34.5, 72.2, 99.6	`rgb(34.5%,72.2%,99.6%)`
CMYK	65, 28, 0, 0
HSL	205.3°, 98.8, 67.1	`hsl(205.3,98.8%,67.1%)`
HSV (or HSB)	205.3°, 65.4, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.899, -7.17, -42.922
XYZ	39.05, 43.509, 100.101
xyY	0.214, 0.238, 43.509
CIE-LCH	71.899, 43.516, 260.517
CIE-LUV	71.899, -37.74, -68.787
Hunter-Lab	65.961, -9.757, -43.804
Binary	01011000, 10111000, 11111110

#58b8fe
```
#58b8fe rgb(88,184,254)
```
#fe9e58
```
#fe9e58 rgb(254,158,88)
```

Complementary Color

#58fef1
```
#58fef1 rgb(88,254,241)
```
#58b8fe
```
#58b8fe rgb(88,184,254)
```
#5865fe
```
#5865fe rgb(88,101,254)
```

Analogous Color

#fef158
```
#fef158 rgb(254,241,88)
```
#58b8fe
```
#58b8fe rgb(88,184,254)
```
#fe5865
```
#fe5865 rgb(254,88,101)
```

Split Complementary Color

#b8fe58
```
#b8fe58 rgb(184,254,88)
```
#58b8fe
```
#58b8fe rgb(88,184,254)
```
#fe58b8
```
#fe58b8 rgb(254,88,184)
```

Triadic Color

#58fe9e
```
#58fe9e rgb(88,254,158)
```
#58b8fe
```
#58b8fe rgb(88,184,254)
```
#fe58b8
```
#fe58b8 rgb(254,88,184)
```
#fe9e58
```
#fe9e58 rgb(254,158,88)
```

Tetradic Color

#0c98fe
```
#0c98fe rgb(12,152,254)
```
#25a2fe
```
#25a2fe rgb(37,162,254)
```
#3fadfe
```
#3fadfe rgb(63,173,254)
```
#58b8fe
```
#58b8fe rgb(88,184,254)
```
#71c3fe
```
#71c3fe rgb(113,195,254)
```
#8bcefe
```
#8bcefe rgb(139,206,254)
```
#a4d8fe
```
#a4d8fe rgb(164,216,254)
```

Monochromatic Color

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

#58e2fe
```
#58e2fe rgb(88,226,254)
```
#58d4fe
```
#58d4fe rgb(88,212,254)
```
#58c6fe
```
#58c6fe rgb(88,198,254)
```
#58b8fe
```
#58b8fe rgb(88,184,254)
```
#58aafe
```
#58aafe rgb(88,170,254)
```
#589cfe
```
#589cfe rgb(88,156,254)
```
#588ffe
```
#588ffe rgb(88,143,254)
```

Similar Colors

Text with hexadecimal color #58b8fe

This text has a font color of #58b8fe.

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

#58b8fe background color

This paragraph has a background color of #58b8fe.

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

#58b8fe border color

This element has a border color of #58b8fe.

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

CSS codes

.text {color:#58b8fe;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#00101c
```
#00101c rgb(0,16,28)
```
#001c2f
```
#001c2f rgb(0,28,47)
```
#002743
```
#002743 rgb(0,39,67)
```
#013256
```
#013256 rgb(1,50,86)
```
#013e6a
```
#013e6a rgb(1,62,106)
```
#01497d
```
#01497d rgb(1,73,125)
```
#015491
```
#015491 rgb(1,84,145)
```
#0160a4
```
#0160a4 rgb(1,96,164)
```
#016bb8
```
#016bb8 rgb(1,107,184)
```
#0176cb
```
#0176cb rgb(1,118,203)
```
#0182df
```
#0182df rgb(1,130,223)
```
#018df2
```
#018df2 rgb(1,141,242)
```

Shade Color Variation

#0a97fe
```
#0a97fe rgb(10,151,254)
```
#1e9ffe
```
#1e9ffe rgb(30,159,254)
```
#31a7fe
```
#31a7fe rgb(49,167,254)
```
#45b0fe
```
#45b0fe rgb(69,176,254)
```
#58b8fe
```
#58b8fe rgb(88,184,254)
```
#6bc0fe
```
#6bc0fe rgb(107,192,254)
```
#7fc9fe
```
#7fc9fe rgb(127,201,254)
```
#92d1fe
```
#92d1fe rgb(146,209,254)
```
#a6d9fe
```
#a6d9fe rgb(166,217,254)
```
#b9e1ff
```
#b9e1ff rgb(185,225,255)
```
#cdeaff
```
#cdeaff rgb(205,234,255)
```
#e0f2ff
```
#e0f2ff rgb(224,242,255)
```
#f4faff
```
#f4faff rgb(244,250,255)
```

Tint Color Variation

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

#a6acb0
```
#a6acb0 rgb(166,172,176)
```
#9fadb7
```
#9fadb7 rgb(159,173,183)
```
#99aebd
```
#99aebd rgb(153,174,189)
```
#92afc4
```
#92afc4 rgb(146,175,196)
```
#8cb0ca
```
#8cb0ca rgb(140,176,202)
```
#85b1d1
```
#85b1d1 rgb(133,177,209)
```
#7fb2d7
```
#7fb2d7 rgb(127,178,215)
```
#78b3de
```
#78b3de rgb(120,179,222)
```
#72b4e4
```
#72b4e4 rgb(114,180,228)
```
#6bb5eb
```
#6bb5eb rgb(107,181,235)
```
#65b6f1
```
#65b6f1 rgb(101,182,241)
```
#5eb7f8
```
#5eb7f8 rgb(94,183,248)
```
#58b8fe
```
#58b8fe rgb(88,184,254)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#94a7b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db1f7 Protanopia 1% of men
#91b3ff Deuteranopia 1% of men
#3ec4d2 Tritanopia 0.001% of the population

Trichromacy

#84b4f9 Protanomaly 1% of men, 0.01% of women
#7cb5fe Deuteranomaly 6% of men, 0.4% of women
#47bfe2 Tritanomaly 0.01% of the population

#58b8fe hex color

#58b8fe Color Information

#58b8fe Color Conversion

Color Schemes with #58b8fe

Alternatives to #58b8fe

#58b8fe Preview

Shades and Tints of #58b8fe

Tones of #58b8fe

Color Blindness Simulator