#58cafd hex color

In a RGB color space, hex #58cafd is composed of 34.5% red, 79.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 20.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 198.5 degrees, a saturation of 97.6% and a lightness of 66.9%. #58cafd color hex could be obtained by blending #b0ffff with #0095fb. Closest websafe color is: #66ccff.

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

● #58cafd color description : Soft blue.

The hexadecimal color #58cafd has RGB values of R:88, G:202, B:253 and CMYK values of C:0.65, M:0.2, Y:0, K:0.01. Its decimal value is 5819133.

Hex triplet	58cafd	`#58cafd`
RGB Decimal	88, 202, 253	`rgb(88,202,253)`
RGB Percent	34.5, 79.2, 99.2	`rgb(34.5%,79.2%,99.2%)`
CMYK	65, 20, 0, 1
HSL	198.5°, 97.6, 66.9	`hsl(198.5,97.6%,66.9%)`
HSV (or HSB)	198.5°, 65.2, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.923, -17.081, -34.573
XYZ	42.87, 51.404, 100.586
xyY	0.22, 0.264, 51.404
CIE-LCH	76.923, 38.562, 243.707
CIE-LUV	76.923, -44.141, -53.671
Hunter-Lab	71.697, -18.738, -32.992
Binary	01011000, 11001010, 11111101

#58cafd
```
#58cafd rgb(88,202,253)
```
#fd8b58
```
#fd8b58 rgb(253,139,88)
```

Complementary Color

#58fdde
```
#58fdde rgb(88,253,222)
```
#58cafd
```
#58cafd rgb(88,202,253)
```
#5878fd
```
#5878fd rgb(88,120,253)
```

Analogous Color

#fdde58
```
#fdde58 rgb(253,222,88)
```
#58cafd
```
#58cafd rgb(88,202,253)
```
#fd5878
```
#fd5878 rgb(253,88,120)
```

Split Complementary Color

#cafd58
```
#cafd58 rgb(202,253,88)
```
#58cafd
```
#58cafd rgb(88,202,253)
```
#fd58ca
```
#fd58ca rgb(253,88,202)
```

Triadic Color

#58fd8b
```
#58fd8b rgb(88,253,139)
```
#58cafd
```
#58cafd rgb(88,202,253)
```
#fd58ca
```
#fd58ca rgb(253,88,202)
```
#fd8b58
```
#fd8b58 rgb(253,139,88)
```

Tetradic Color

#0cb2fc
```
#0cb2fc rgb(12,178,252)
```
#26bafc
```
#26bafc rgb(38,186,252)
```
#3fc2fd
```
#3fc2fd rgb(63,194,253)
```
#58cafd
```
#58cafd rgb(88,202,253)
```
#71d2fd
```
#71d2fd rgb(113,210,253)
```
#8adafe
```
#8adafe rgb(138,218,254)
```
#a4e2fe
```
#a4e2fe rgb(164,226,254)
```

Monochromatic Color

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

#58f3fd
```
#58f3fd rgb(88,243,253)
```
#58e6fd
```
#58e6fd rgb(88,230,253)
```
#58d8fd
```
#58d8fd rgb(88,216,253)
```
#58cafd
```
#58cafd rgb(88,202,253)
```
#58bcfd
```
#58bcfd rgb(88,188,253)
```
#58affd
```
#58affd rgb(88,175,253)
```
#58a1fd
```
#58a1fd rgb(88,161,253)
```

Similar Colors

Text with hexadecimal color #58cafd

This text has a font color of #58cafd.

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

#58cafd background color

This paragraph has a background color of #58cafd.

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

#58cafd border color

This element has a border color of #58cafd.

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

CSS codes

.text {color:#58cafd;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#00131b
```
#00131b rgb(0,19,27)
```
#01202e
```
#01202e rgb(1,32,46)
```
#012e42
```
#012e42 rgb(1,46,66)
```
#013b55
```
#013b55 rgb(1,59,85)
```
#014868
```
#014868 rgb(1,72,104)
```
#01567c
```
#01567c rgb(1,86,124)
```
#02638f
```
#02638f rgb(2,99,143)
```
#0271a3
```
#0271a3 rgb(2,113,163)
```
#027eb6
```
#027eb6 rgb(2,126,182)
```
#028cc9
```
#028cc9 rgb(2,140,201)
```
#0399dd
```
#0399dd rgb(3,153,221)
```
#03a7f0
```
#03a7f0 rgb(3,167,240)
```

Shade Color Variation

#0ab1fc
```
#0ab1fc rgb(10,177,252)
```
#1eb8fc
```
#1eb8fc rgb(30,184,252)
```
#31befd
```
#31befd rgb(49,190,253)
```
#45c4fd
```
#45c4fd rgb(69,196,253)
```
#58cafd
```
#58cafd rgb(88,202,253)
```
#6bd0fd
```
#6bd0fd rgb(107,208,253)
```
#7fd6fd
```
#7fd6fd rgb(127,214,253)
```
#92dcfe
```
#92dcfe rgb(146,220,254)
```
#a6e3fe
```
#a6e3fe rgb(166,227,254)
```
#b9e9fe
```
#b9e9fe rgb(185,233,254)
```
#cceffe
```
#cceffe rgb(204,239,254)
```
#e0f5ff
```
#e0f5ff rgb(224,245,255)
```
#f3fbff
```
#f3fbff rgb(243,251,255)
```

Tint Color Variation

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

#a6acaf
```
#a6acaf rgb(166,172,175)
```
#a0afb6
```
#a0afb6 rgb(160,175,182)
```
#99b1bc
```
#99b1bc rgb(153,177,188)
```
#93b4c3
```
#93b4c3 rgb(147,180,195)
```
#8cb6c9
```
#8cb6c9 rgb(140,182,201)
```
#86b9d0
```
#86b9d0 rgb(134,185,208)
```
#7fbbd6
```
#7fbbd6 rgb(127,187,214)
```
#79bedd
```
#79bedd rgb(121,190,221)
```
#72c0e3
```
#72c0e3 rgb(114,192,227)
```
#6cc3ea
```
#6cc3ea rgb(108,195,234)
```
#65c5f0
```
#65c5f0 rgb(101,197,240)
```
#5fc8f7
```
#5fc8f7 rgb(95,200,247)
```
#58cafd
```
#58cafd rgb(88,202,253)
```

Tone Color Variation

Below, you can see how #58cafd 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
#9db4be Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bff4 Protanopia 1% of men
#acbfff Deuteranopia 1% of men
#4cd1e1 Tritanopia 0.001% of the population

Trichromacy

#91c3f7 Protanomaly 1% of men, 0.01% of women
#8dc3fe Deuteranomaly 6% of men, 0.4% of women
#50cfeb Tritanomaly 0.01% of the population

#58cafd hex color

#58cafd Color Information

#58cafd Color Conversion

Color Schemes with #58cafd

Alternatives to #58cafd

#58cafd Preview

Shades and Tints of #58cafd

Tones of #58cafd

Color Blindness Simulator