#58bfff hex color

In a RGB color space, hex #58bfff is composed of 34.5% red, 74.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 25.1% magenta, 0% yellow and 0% black. It has a hue angle of 203 degrees, a saturation of 100% and a lightness of 67.3%. #58bfff color hex could be obtained by blending #b0ffff with #007fff. Closest websafe color is: #66ccff.

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

● #58bfff color description : Light blue.

The hexadecimal color #58bfff has RGB values of R:88, G:191, B:255 and CMYK values of C:0.65, M:0.25, Y:0, K:0. Its decimal value is 5816319.

Hex triplet	58bfff	`#58bfff`
RGB Decimal	88, 191, 255	`rgb(88,191,255)`
RGB Percent	34.5, 74.9, 100	`rgb(34.5%,74.9%,100%)`
CMYK	65, 25, 0, 0
HSL	203°, 100, 67.3	`hsl(203,100%,67.3%)`
HSV (or HSB)	203°, 65.5, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.903, -10.643, -40.331
XYZ	40.701, 46.553, 101.443
xyY	0.216, 0.247, 46.553
CIE-LCH	73.903, 41.712, 255.217
CIE-LUV	73.903, -40.157, -64.136
Hunter-Lab	68.23, -12.923, -40.39
Binary	01011000, 10111111, 11111111

#58bfff
```
#58bfff rgb(88,191,255)
```
#ff9858
```
#ff9858 rgb(255,152,88)
```

Complementary Color

#58ffec
```
#58ffec rgb(88,255,236)
```
#58bfff
```
#58bfff rgb(88,191,255)
```
#586cff
```
#586cff rgb(88,108,255)
```

Analogous Color

#ffec58
```
#ffec58 rgb(255,236,88)
```
#58bfff
```
#58bfff rgb(88,191,255)
```
#ff586c
```
#ff586c rgb(255,88,108)
```

Split Complementary Color

#bfff58
```
#bfff58 rgb(191,255,88)
```
#58bfff
```
#58bfff rgb(88,191,255)
```
#ff58bf
```
#ff58bf rgb(255,88,191)
```

Triadic Color

#58ff98
```
#58ff98 rgb(88,255,152)
```
#58bfff
```
#58bfff rgb(88,191,255)
```
#ff58bf
```
#ff58bf rgb(255,88,191)
```
#ff9858
```
#ff9858 rgb(255,152,88)
```

Tetradic Color

#0ca2ff
```
#0ca2ff rgb(12,162,255)
```
#25abff
```
#25abff rgb(37,171,255)
```
#3fb5ff
```
#3fb5ff rgb(63,181,255)
```
#58bfff
```
#58bfff rgb(88,191,255)
```
#72c9ff
```
#72c9ff rgb(114,201,255)
```
#8bd3ff
```
#8bd3ff rgb(139,211,255)
```
#a5dcff
```
#a5dcff rgb(165,220,255)
```

Monochromatic Color

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

#58e9ff
```
#58e9ff rgb(88,233,255)
```
#58dbff
```
#58dbff rgb(88,219,255)
```
#58cdff
```
#58cdff rgb(88,205,255)
```
#58bfff
```
#58bfff rgb(88,191,255)
```
#58b1ff
```
#58b1ff rgb(88,177,255)
```
#58a3ff
```
#58a3ff rgb(88,163,255)
```
#5895ff
```
#5895ff rgb(88,149,255)
```

Similar Colors

Text with hexadecimal color #58bfff

This text has a font color of #58bfff.

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

#58bfff background color

This paragraph has a background color of #58bfff.

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

#58bfff border color

This element has a border color of #58bfff.

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

CSS codes

.text {color:#58bfff;}

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

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

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

#00060a
```
#00060a rgb(0,6,10)
```
#00121d
```
#00121d rgb(0,18,29)
```
#001e31
```
#001e31 rgb(0,30,49)
```
#002a44
```
#002a44 rgb(0,42,68)
```
#003658
```
#003658 rgb(0,54,88)
```
#00426c
```
#00426c rgb(0,66,108)
```
#004e7f
```
#004e7f rgb(0,78,127)
```
#005b93
```
#005b93 rgb(0,91,147)
```
#0067a6
```
#0067a6 rgb(0,103,166)
```
#0073ba
```
#0073ba rgb(0,115,186)
```
#007fce
```
#007fce rgb(0,127,206)
```
#008be1
```
#008be1 rgb(0,139,225)
```
#0097f5
```
#0097f5 rgb(0,151,245)
```

Shade Color Variation

#0aa1ff
```
#0aa1ff rgb(10,161,255)
```
#1da8ff
```
#1da8ff rgb(29,168,255)
```
#31b0ff
```
#31b0ff rgb(49,176,255)
```
#44b7ff
```
#44b7ff rgb(68,183,255)
```
#58bfff
```
#58bfff rgb(88,191,255)
```
#6cc7ff
```
#6cc7ff rgb(108,199,255)
```
#7fceff
```
#7fceff rgb(127,206,255)
```
#93d6ff
```
#93d6ff rgb(147,214,255)
```
#a6ddff
```
#a6ddff rgb(166,221,255)
```
#bae5ff
```
#bae5ff rgb(186,229,255)
```
#ceecff
```
#ceecff rgb(206,236,255)
```
#e1f4ff
```
#e1f4ff rgb(225,244,255)
```
#f5fbff
```
#f5fbff rgb(245,251,255)
```

Tint Color Variation

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

#a5adb2
```
#a5adb2 rgb(165,173,178)
```
#9fafb8
```
#9fafb8 rgb(159,175,184)
```
#98b0bf
```
#98b0bf rgb(152,176,191)
```
#92b2c5
```
#92b2c5 rgb(146,178,197)
```
#8bb3cc
```
#8bb3cc rgb(139,179,204)
```
#85b5d2
```
#85b5d2 rgb(133,181,210)
```
#7fb6d8
```
#7fb6d8 rgb(127,182,216)
```
#78b8df
```
#78b8df rgb(120,184,223)
```
#72b9e5
```
#72b9e5 rgb(114,185,229)
```
#6bbbec
```
#6bbbec rgb(107,187,236)
```
#65bcf2
```
#65bcf2 rgb(101,188,242)
```
#5ebef9
```
#5ebef9 rgb(94,190,249)
```
#58bfff
```
#58bfff rgb(88,191,255)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#97acb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b7f7 Protanopia 1% of men
#9cb8ff Deuteranopia 1% of men
#43c9d8 Tritanopia 0.001% of the population

Trichromacy

#89bafa Protanomaly 1% of men, 0.01% of women
#83baff Deuteranomaly 6% of men, 0.4% of women
#4ac5e6 Tritanomaly 0.01% of the population

#58bfff hex color

#58bfff Color Information

#58bfff Color Conversion

Color Schemes with #58bfff

Alternatives to #58bfff

#58bfff Preview

Shades and Tints of #58bfff

Tones of #58bfff

Color Blindness Simulator