#5bd5fd hex color

In a RGB color space, hex #5bd5fd is composed of 35.7% red, 83.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 15.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 194.8 degrees, a saturation of 97.6% and a lightness of 67.5%. #5bd5fd color hex could be obtained by blending #b6ffff with #00abfb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 84
- B 99
RGB color chart
- C 64
- M 16
- Y 0
- K 1
CMYK color chart

● #5bd5fd color description : Soft cyan.

The hexadecimal color #5bd5fd has RGB values of R:91, G:213, B:253 and CMYK values of C:0.64, M:0.16, Y:0, K:0.01. Its decimal value is 6018557.

Hex triplet	5bd5fd	`#5bd5fd`
RGB Decimal	91, 213, 253	`rgb(91,213,253)`
RGB Percent	35.7, 83.5, 99.2	`rgb(35.7%,83.5%,99.2%)`
CMYK	64, 16, 0, 1
HSL	194.8°, 97.6, 67.5	`hsl(194.8,97.6%,67.5%)`
HSV (or HSB)	194.8°, 64, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.124, -22.237, -29.637
XYZ	45.834, 56.901, 101.491
xyY	0.224, 0.279, 56.901
CIE-LCH	80.124, 37.052, 233.118
CIE-LUV	80.124, -47.441, -44.72
Hunter-Lab	75.433, -23.549, -26.969
Binary	01011011, 11010101, 11111101

#5bd5fd
```
#5bd5fd rgb(91,213,253)
```
#fd835b
```
#fd835b rgb(253,131,91)
```

Complementary Color

#5bfdd4
```
#5bfdd4 rgb(91,253,212)
```
#5bd5fd
```
#5bd5fd rgb(91,213,253)
```
#5b84fd
```
#5b84fd rgb(91,132,253)
```

Analogous Color

#fdd45b
```
#fdd45b rgb(253,212,91)
```
#5bd5fd
```
#5bd5fd rgb(91,213,253)
```
#fd5b84
```
#fd5b84 rgb(253,91,132)
```

Split Complementary Color

#d5fd5b
```
#d5fd5b rgb(213,253,91)
```
#5bd5fd
```
#5bd5fd rgb(91,213,253)
```
#fd5bd5
```
#fd5bd5 rgb(253,91,213)
```

Triadic Color

#5bfd83
```
#5bfd83 rgb(91,253,131)
```
#5bd5fd
```
#5bd5fd rgb(91,213,253)
```
#fd5bd5
```
#fd5bd5 rgb(253,91,213)
```
#fd835b
```
#fd835b rgb(253,131,91)
```

Tetradic Color

#0fc2fc
```
#0fc2fc rgb(15,194,252)
```
#29c8fc
```
#29c8fc rgb(41,200,252)
```
#42cffd
```
#42cffd rgb(66,207,253)
```
#5bd5fd
```
#5bd5fd rgb(91,213,253)
```
#74dbfd
```
#74dbfd rgb(116,219,253)
```
#8de2fe
```
#8de2fe rgb(141,226,254)
```
#a7e8fe
```
#a7e8fe rgb(167,232,254)
```

Monochromatic Color

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

#5bfdfd
```
#5bfdfd rgb(91,253,253)
```
#5bf0fd
```
#5bf0fd rgb(91,240,253)
```
#5be3fd
```
#5be3fd rgb(91,227,253)
```
#5bd5fd
```
#5bd5fd rgb(91,213,253)
```
#5bc8fd
```
#5bc8fd rgb(91,200,253)
```
#5bbafd
```
#5bbafd rgb(91,186,253)
```
#5badfd
```
#5badfd rgb(91,173,253)
```

Similar Colors

Text with hexadecimal color #5bd5fd

This text has a font color of #5bd5fd.

<span style="color:#5bd5fd;">Text here</span>

#5bd5fd background color

This paragraph has a background color of #5bd5fd.

<p style="background-color:#5bd5fd;">Content here</p>

#5bd5fd border color

This element has a border color of #5bd5fd.

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

CSS codes

.text {color:#5bd5fd;}

.background {background-color:#5bd5fd;}

.border {border:1px solid #5bd5fd;}

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

#00080a
```
#00080a rgb(0,8,10)
```
#00171e
```
#00171e rgb(0,23,30)
```
#012531
```
#012531 rgb(1,37,49)
```
#013445
```
#013445 rgb(1,52,69)
```
#014258
```
#014258 rgb(1,66,88)
```
#01516b
```
#01516b rgb(1,81,107)
```
#02607f
```
#02607f rgb(2,96,127)
```
#026e92
```
#026e92 rgb(2,110,146)
```
#027da5
```
#027da5 rgb(2,125,165)
```
#028cb9
```
#028cb9 rgb(2,140,185)
```
#029acc
```
#029acc rgb(2,154,204)
```
#03a9e0
```
#03a9e0 rgb(3,169,224)
```
#03b8f3
```
#03b8f3 rgb(3,184,243)
```

Shade Color Variation

#0dc1fc
```
#0dc1fc rgb(13,193,252)
```
#21c6fc
```
#21c6fc rgb(33,198,252)
```
#34cbfd
```
#34cbfd rgb(52,203,253)
```
#48d0fd
```
#48d0fd rgb(72,208,253)
```
#5bd5fd
```
#5bd5fd rgb(91,213,253)
```
#6edafd
```
#6edafd rgb(110,218,253)
```
#82dffd
```
#82dffd rgb(130,223,253)
```
#95e4fe
```
#95e4fe rgb(149,228,254)
```
#a9e9fe
```
#a9e9fe rgb(169,233,254)
```
#bceefe
```
#bceefe rgb(188,238,254)
```
#cff3fe
```
#cff3fe rgb(207,243,254)
```
#e3f8ff
```
#e3f8ff rgb(227,248,255)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#a8aeb0
```
#a8aeb0 rgb(168,174,176)
```
#a1b1b7
```
#a1b1b7 rgb(161,177,183)
```
#9bb5bd
```
#9bb5bd rgb(155,181,189)
```
#94b8c4
```
#94b8c4 rgb(148,184,196)
```
#8ebbca
```
#8ebbca rgb(142,187,202)
```
#88bed0
```
#88bed0 rgb(136,190,208)
```
#81c2d7
```
#81c2d7 rgb(129,194,215)
```
#7bc5dd
```
#7bc5dd rgb(123,197,221)
```
#75c8e3
```
#75c8e3 rgb(117,200,227)
```
#6ecbea
```
#6ecbea rgb(110,203,234)
```
#68cff0
```
#68cff0 rgb(104,207,240)
```
#61d2f7
```
#61d2f7 rgb(97,210,247)
```
#5bd5fd
```
#5bd5fd rgb(91,213,253)
```

Tone Color Variation

Below, you can see how #5bd5fd 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

#b5b5b5 Achromatopsia 0.005% of the population
#a3bbc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec7f3 Protanopia 1% of men
#bcc6ff Deuteranopia 1% of men
#57daea Tritanopia 0.001% of the population

Trichromacy

#9accf6 Protanomaly 1% of men, 0.01% of women
#98ccfe Deuteranomaly 6% of men, 0.4% of women
#58d8f1 Tritanomaly 0.01% of the population

#5bd5fd hex color

#5bd5fd Color Information

#5bd5fd Color Conversion

Color Schemes with #5bd5fd

Alternatives to #5bd5fd

#5bd5fd Preview

Shades and Tints of #5bd5fd

Tones of #5bd5fd

Color Blindness Simulator