#58abf0 hex color

In a RGB color space, hex #58abf0 is composed of 34.5% red, 67.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 28.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 207.2 degrees, a saturation of 83.5% and a lightness of 64.3%. #58abf0 color hex could be obtained by blending #b0ffff with #0057e1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 67
- B 94
RGB color chart
- C 63
- M 29
- Y 0
- K 6
CMYK color chart

● #58abf0 color description : Soft blue.

The hexadecimal color #58abf0 has RGB values of R:88, G:171, B:240 and CMYK values of C:0.63, M:0.29, Y:0, K:0.06. Its decimal value is 5811184.

Hex triplet	58abf0	`#58abf0`
RGB Decimal	88, 171, 240	`rgb(88,171,240)`
RGB Percent	34.5, 67.1, 94.1	`rgb(34.5%,67.1%,94.1%)`
CMYK	63, 29, 0, 6
HSL	207.2°, 83.5, 64.3	`hsl(207.2,83.5%,64.3%)`
HSV (or HSB)	207.2°, 63.3, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.643, -4.51, -41.987
XYZ	34.312, 37.489, 87.861
xyY	0.215, 0.235, 37.489
CIE-LCH	67.643, 42.229, 263.869
CIE-LUV	67.643, -33.674, -66.931
Hunter-Lab	61.229, -7.121, -42.219
Binary	01011000, 10101011, 11110000

#58abf0
```
#58abf0 rgb(88,171,240)
```
#f09d58
```
#f09d58 rgb(240,157,88)
```

Complementary Color

#58f0e9
```
#58f0e9 rgb(88,240,233)
```
#58abf0
```
#58abf0 rgb(88,171,240)
```
#585ff0
```
#585ff0 rgb(88,95,240)
```

Analogous Color

#f0e958
```
#f0e958 rgb(240,233,88)
```
#58abf0
```
#58abf0 rgb(88,171,240)
```
#f0585f
```
#f0585f rgb(240,88,95)
```

Split Complementary Color

#abf058
```
#abf058 rgb(171,240,88)
```
#58abf0
```
#58abf0 rgb(88,171,240)
```
#f058ab
```
#f058ab rgb(240,88,171)
```

Triadic Color

#58f09d
```
#58f09d rgb(88,240,157)
```
#58abf0
```
#58abf0 rgb(88,171,240)
```
#f058ab
```
#f058ab rgb(240,88,171)
```
#f09d58
```
#f09d58 rgb(240,157,88)
```

Tetradic Color

#1587e7
```
#1587e7 rgb(21,135,231)
```
#2993ec
```
#2993ec rgb(41,147,236)
```
#419fee
```
#419fee rgb(65,159,238)
```
#58abf0
```
#58abf0 rgb(88,171,240)
```
#6fb7f2
```
#6fb7f2 rgb(111,183,242)
```
#87c3f4
```
#87c3f4 rgb(135,195,244)
```
#9ecef6
```
#9ecef6 rgb(158,206,246)
```

Monochromatic Color

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

#58d1f0
```
#58d1f0 rgb(88,209,240)
```
#58c4f0
```
#58c4f0 rgb(88,196,240)
```
#58b8f0
```
#58b8f0 rgb(88,184,240)
```
#58abf0
```
#58abf0 rgb(88,171,240)
```
#589ef0
```
#589ef0 rgb(88,158,240)
```
#5892f0
```
#5892f0 rgb(88,146,240)
```
#5885f0
```
#5885f0 rgb(88,133,240)
```

Similar Colors

Text with hexadecimal color #58abf0

This text has a font color of #58abf0.

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

#58abf0 background color

This paragraph has a background color of #58abf0.

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

#58abf0 border color

This element has a border color of #58abf0.

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

CSS codes

.text {color:#58abf0;}

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

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

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, #01080d is the darkest color, while #fafcff is the lightest one.

#01080d
```
#01080d rgb(1,8,13)
```
#03121f
```
#03121f rgb(3,18,31)
```
#041d31
```
#041d31 rgb(4,29,49)
```
#062743
```
#062743 rgb(6,39,67)
```
#083255
```
#083255 rgb(8,50,85)
```
#093c67
```
#093c67 rgb(9,60,103)
```
#0b4779
```
#0b4779 rgb(11,71,121)
```
#0c528b
```
#0c528b rgb(12,82,139)
```
#0e5c9d
```
#0e5c9d rgb(14,92,157)
```
#1067af
```
#1067af rgb(16,103,175)
```
#1171c1
```
#1171c1 rgb(17,113,193)
```
#137cd3
```
#137cd3 rgb(19,124,211)
```
#1586e5
```
#1586e5 rgb(21,134,229)
```

Shade Color Variation

#2290eb
```
#2290eb rgb(34,144,235)
```
#3499ed
```
#3499ed rgb(52,153,237)
```
#46a2ee
```
#46a2ee rgb(70,162,238)
```
#58abf0
```
#58abf0 rgb(88,171,240)
```
#6ab4f2
```
#6ab4f2 rgb(106,180,242)
```
#7cbdf3
```
#7cbdf3 rgb(124,189,243)
```
#8ec6f5
```
#8ec6f5 rgb(142,198,245)
```
#a0cff6
```
#a0cff6 rgb(160,207,246)
```
#b2d8f8
```
#b2d8f8 rgb(178,216,248)
```
#c4e1fa
```
#c4e1fa rgb(196,225,250)
```
#d6eafb
```
#d6eafb rgb(214,234,251)
```
#e8f3fd
```
#e8f3fd rgb(232,243,253)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#9ea5aa
```
#9ea5aa rgb(158,165,170)
```
#97a5b1
```
#97a5b1 rgb(151,165,177)
```
#90a6b8
```
#90a6b8 rgb(144,166,184)
```
#89a6bf
```
#89a6bf rgb(137,166,191)
```
#82a7c6
```
#82a7c6 rgb(130,167,198)
```
#7ba8cd
```
#7ba8cd rgb(123,168,205)
```
#74a8d4
```
#74a8d4 rgb(116,168,212)
```
#6da9db
```
#6da9db rgb(109,169,219)
```
#66aae2
```
#66aae2 rgb(102,170,226)
```
#5faae9
```
#5faae9 rgb(95,170,233)
```
#58abf0
```
#58abf0 rgb(88,171,240)
```
#51acf7
```
#51acf7 rgb(81,172,247)
```
#4aacfe
```
#4aacfe rgb(74,172,254)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8d9dab Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a7ea Protanopia 1% of men
#85a8f3 Deuteranopia 1% of men
#42b8c5 Tritanopia 0.001% of the population

Trichromacy

#7da8ec Protanomaly 1% of men, 0.01% of women
#74a9f2 Deuteranomaly 6% of men, 0.4% of women
#4ab3d5 Tritanomaly 0.01% of the population

#58abf0 hex color

#58abf0 Color Information

#58abf0 Color Conversion

Color Schemes with #58abf0

Alternatives to #58abf0

#58abf0 Preview

Shades and Tints of #58abf0

Tones of #58abf0

Color Blindness Simulator