colorhexa.com

#58cbf8 hex color

In a RGB color space, hex #58cbf8 is composed of 34.5% red, 79.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 18.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 196.9 degrees, a saturation of 92% and a lightness of 65.9%. #58cbf8 color hex could be obtained by blending #b0ffff with #0097f1. Closest websafe color is: #66ccff.

- R 35
- G 80
- B 97
RGB color chart
- C 65
- M 18
- Y 0
- K 3
CMYK color chart

● #58cbf8 color description : Soft blue.

The hexadecimal color #58cbf8 has RGB values of R:88, G:203, B:248 and CMYK values of C:0.65, M:0.18, Y:0, K:0.03. Its decimal value is 5819384.

Hex triplet	58cbf8	`#58cbf8`
RGB Decimal	88, 203, 248	`rgb(88,203,248)`
RGB Percent	34.5, 79.6, 97.3	`rgb(34.5%,79.6%,97.3%)`
CMYK	65, 18, 0, 3
HSL	196.9°, 92, 65.9	`hsl(196.9,92%,65.9%)`
HSV (or HSB)	196.9°, 64.5, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.017, -19.136, -31.752
XYZ	42.319, 51.561, 96.524
xyY	0.222, 0.271, 51.561
CIE-LCH	77.017, 37.073, 238.924
CIE-LUV	77.017, -44.744, -48.559
Hunter-Lab	71.806, -20.459, -29.436
Binary	01011000, 11001011, 11111000

#58cbf8
```
#58cbf8 rgb(88,203,248)
```
#f88558
```
#f88558 rgb(248,133,88)
```

Complementary Color

#58f8d5
```
#58f8d5 rgb(88,248,213)
```
#58cbf8
```
#58cbf8 rgb(88,203,248)
```
#587bf8
```
#587bf8 rgb(88,123,248)
```

Analogous Color

#f8d558
```
#f8d558 rgb(248,213,88)
```
#58cbf8
```
#58cbf8 rgb(88,203,248)
```
#f8587b
```
#f8587b rgb(248,88,123)
```

Split Complementary Color

#cbf858
```
#cbf858 rgb(203,248,88)
```
#58cbf8
```
#58cbf8 rgb(88,203,248)
```
#f858cb
```
#f858cb rgb(248,88,203)
```

Triadic Color

#58f885
```
#58f885 rgb(88,248,133)
```
#58cbf8
```
#58cbf8 rgb(88,203,248)
```
#f858cb
```
#f858cb rgb(248,88,203)
```
#f88558
```
#f88558 rgb(248,133,88)
```

Tetradic Color

#0fb4f5
```
#0fb4f5 rgb(15,180,245)
```
#27bcf6
```
#27bcf6 rgb(39,188,246)
```
#40c3f7
```
#40c3f7 rgb(64,195,247)
```
#58cbf8
```
#58cbf8 rgb(88,203,248)
```
#70d3f9
```
#70d3f9 rgb(112,211,249)
```
#89dafa
```
#89dafa rgb(137,218,250)
```
#a1e2fb
```
#a1e2fb rgb(161,226,251)
```

Monochromatic Color

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

#58f3f8
```
#58f3f8 rgb(88,243,248)
```
#58e6f8
```
#58e6f8 rgb(88,230,248)
```
#58d8f8
```
#58d8f8 rgb(88,216,248)
```
#58cbf8
```
#58cbf8 rgb(88,203,248)
```
#58bef8
```
#58bef8 rgb(88,190,248)
```
#58b0f8
```
#58b0f8 rgb(88,176,248)
```
#58a3f8
```
#58a3f8 rgb(88,163,248)
```

Similar Colors

Text with hexadecimal color #58cbf8

This text has a font color of #58cbf8.

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

#58cbf8 background color

This paragraph has a background color of #58cbf8.

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

#58cbf8 border color

This element has a border color of #58cbf8.

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

CSS codes

.text {color:#58cbf8;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011015
```
#011015 rgb(1,16,21)
```
#021d28
```
#021d28 rgb(2,29,40)
```
#022b3b
```
#022b3b rgb(2,43,59)
```
#03394e
```
#03394e rgb(3,57,78)
```
#044761
```
#044761 rgb(4,71,97)
```
#055473
```
#055473 rgb(5,84,115)
```
#066286
```
#066286 rgb(6,98,134)
```
#067099
```
#067099 rgb(6,112,153)
```
#077eac
```
#077eac rgb(7,126,172)
```
#088bbf
```
#088bbf rgb(8,139,191)
```
#0999d2
```
#0999d2 rgb(9,153,210)
```
#0aa7e4
```
#0aa7e4 rgb(10,167,228)
```

Shade Color Variation

#0db4f5
```
#0db4f5 rgb(13,180,245)
```
#20b9f6
```
#20b9f6 rgb(32,185,246)
```
#32bff6
```
#32bff6 rgb(50,191,246)
```
#45c5f7
```
#45c5f7 rgb(69,197,247)
```
#58cbf8
```
#58cbf8 rgb(88,203,248)
```
#6bd1f9
```
#6bd1f9 rgb(107,209,249)
```
#7ed7fa
```
#7ed7fa rgb(126,215,250)
```
#90ddfa
```
#90ddfa rgb(144,221,250)
```
#a3e2fb
```
#a3e2fb rgb(163,226,251)
```
#b6e8fc
```
#b6e8fc rgb(182,232,252)
```
#c9eefd
```
#c9eefd rgb(201,238,253)
```
#dcf4fe
```
#dcf4fe rgb(220,244,254)
```
#effafe
```
#effafe rgb(239,250,254)
```

Tint Color Variation

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

#a2abae
```
#a2abae rgb(162,171,174)
```
#9baeb5
```
#9baeb5 rgb(155,174,181)
```
#94b1bc
```
#94b1bc rgb(148,177,188)
```
#8eb4c2
```
#8eb4c2 rgb(142,180,194)
```
#87b7c9
```
#87b7c9 rgb(135,183,201)
```
#80b9d0
```
#80b9d0 rgb(128,185,208)
```
#79bcd7
```
#79bcd7 rgb(121,188,215)
```
#73bfdd
```
#73bfdd rgb(115,191,221)
```
#6cc2e4
```
#6cc2e4 rgb(108,194,228)
```
#65c5eb
```
#65c5eb rgb(101,197,235)
```
#5fc8f1
```
#5fc8f1 rgb(95,200,241)
```
#58cbf8
```
#58cbf8 rgb(88,203,248)
```
#51ceff
```
#51ceff rgb(81,206,255)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9db4bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bfef Protanopia 1% of men
#afbffe Deuteranopia 1% of men
#50d1e1 Tritanopia 0.001% of the population

Trichromacy

#93c3f2 Protanomaly 1% of men, 0.01% of women
#8fc3fb Deuteranomaly 6% of men, 0.4% of women
#53cfe9 Tritanomaly 0.01% of the population