#5bf4fd hex color

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

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

● #5bf4fd color description : Soft cyan.

The hexadecimal color #5bf4fd has RGB values of R:91, G:244, B:253 and CMYK values of C:0.64, M:0.04, Y:0, K:0.01. Its decimal value is 6026493.

Hex triplet	5bf4fd	`#5bf4fd`
RGB Decimal	91, 244, 253	`rgb(91,244,253)`
RGB Percent	35.7, 95.7, 99.2	`rgb(35.7%,95.7%,99.2%)`
CMYK	64, 4, 0, 1
HSL	183.3°, 97.6, 67.5	`hsl(183.3,97.6%,67.5%)`
HSV (or HSB)	183.3°, 64, 99.2
Web Safe	66ffff	`#66ffff`

CIE-LAB	88.929, -37.169, -16.269
XYZ	54.39, 74.013, 104.343
xyY	0.234, 0.318, 74.013
CIE-LCH	88.929, 40.574, 203.639
CIE-LUV	88.929, -58.501, -20.266
Hunter-Lab	86.031, -37.704, -11.689
Binary	01011011, 11110100, 11111101

#5bf4fd
```
#5bf4fd rgb(91,244,253)
```
#fd645b
```
#fd645b rgb(253,100,91)
```

Complementary Color

#5bfdb5
```
#5bfdb5 rgb(91,253,181)
```
#5bf4fd
```
#5bf4fd rgb(91,244,253)
```
#5ba3fd
```
#5ba3fd rgb(91,163,253)
```

Analogous Color

#fdb55b
```
#fdb55b rgb(253,181,91)
```
#5bf4fd
```
#5bf4fd rgb(91,244,253)
```
#fd5ba3
```
#fd5ba3 rgb(253,91,163)
```

Split Complementary Color

#f4fd5b
```
#f4fd5b rgb(244,253,91)
```
#5bf4fd
```
#5bf4fd rgb(91,244,253)
```
#fd5bf4
```
#fd5bf4 rgb(253,91,244)
```

Triadic Color

#5bfd64
```
#5bfd64 rgb(91,253,100)
```
#5bf4fd
```
#5bf4fd rgb(91,244,253)
```
#fd5bf4
```
#fd5bf4 rgb(253,91,244)
```
#fd645b
```
#fd645b rgb(253,100,91)
```

Tetradic Color

#0feffc
```
#0feffc rgb(15,239,252)
```
#29f1fc
```
#29f1fc rgb(41,241,252)
```
#42f2fd
```
#42f2fd rgb(66,242,253)
```
#5bf4fd
```
#5bf4fd rgb(91,244,253)
```
#74f6fd
```
#74f6fd rgb(116,246,253)
```
#8df7fe
```
#8df7fe rgb(141,247,254)
```
#a7f9fe
```
#a7f9fe rgb(167,249,254)
```

Monochromatic Color

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

#5bfdde
```
#5bfdde rgb(91,253,222)
```
#5bfdeb
```
#5bfdeb rgb(91,253,235)
```
#5bfdf9
```
#5bfdf9 rgb(91,253,249)
```
#5bf4fd
```
#5bf4fd rgb(91,244,253)
```
#5be7fd
```
#5be7fd rgb(91,231,253)
```
#5bd9fd
```
#5bd9fd rgb(91,217,253)
```
#5bccfd
```
#5bccfd rgb(91,204,253)
```

Similar Colors

Text with hexadecimal color #5bf4fd

This text has a font color of #5bf4fd.

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

#5bf4fd background color

This paragraph has a background color of #5bf4fd.

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

#5bf4fd border color

This element has a border color of #5bf4fd.

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

CSS codes

.text {color:#5bf4fd;}

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

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

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, #000a0a is the darkest color, while #f6feff is the lightest one.

#000a0a
```
#000a0a rgb(0,10,10)
```
#001c1e
```
#001c1e rgb(0,28,30)
```
#012e31
```
#012e31 rgb(1,46,49)
```
#014145
```
#014145 rgb(1,65,69)
```
#015358
```
#015358 rgb(1,83,88)
```
#01656b
```
#01656b rgb(1,101,107)
```
#02787f
```
#02787f rgb(2,120,127)
```
#028a92
```
#028a92 rgb(2,138,146)
```
#029ca5
```
#029ca5 rgb(2,156,165)
```
#02afb9
```
#02afb9 rgb(2,175,185)
```
#02c1cc
```
#02c1cc rgb(2,193,204)
```
#03d3e0
```
#03d3e0 rgb(3,211,224)
```
#03e6f3
```
#03e6f3 rgb(3,230,243)
```

Shade Color Variation

#0deffc
```
#0deffc rgb(13,239,252)
```
#21f0fc
```
#21f0fc rgb(33,240,252)
```
#34f1fd
```
#34f1fd rgb(52,241,253)
```
#48f3fd
```
#48f3fd rgb(72,243,253)
```
#5bf4fd
```
#5bf4fd rgb(91,244,253)
```
#6ef5fd
```
#6ef5fd rgb(110,245,253)
```
#82f7fd
```
#82f7fd rgb(130,247,253)
```
#95f8fe
```
#95f8fe rgb(149,248,254)
```
#a9f9fe
```
#a9f9fe rgb(169,249,254)
```
#bcfafe
```
#bcfafe rgb(188,250,254)
```
#cffcfe
```
#cffcfe rgb(207,252,254)
```
#e3fdff
```
#e3fdff rgb(227,253,255)
```
#f6feff
```
#f6feff rgb(246,254,255)
```

Tint Color Variation

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

#a8b0b0
```
#a8b0b0 rgb(168,176,176)
```
#a1b6b7
```
#a1b6b7 rgb(161,182,183)
```
#9bbbbd
```
#9bbbbd rgb(155,187,189)
```
#94c1c4
```
#94c1c4 rgb(148,193,196)
```
#8ec7ca
```
#8ec7ca rgb(142,199,202)
```
#88ccd0
```
#88ccd0 rgb(136,204,208)
```
#81d2d7
```
#81d2d7 rgb(129,210,215)
```
#7bd8dd
```
#7bd8dd rgb(123,216,221)
```
#75dde3
```
#75dde3 rgb(117,221,227)
```
#6ee3ea
```
#6ee3ea rgb(110,227,234)
```
#68e9f0
```
#68e9f0 rgb(104,233,240)
```
#61eef7
```
#61eef7 rgb(97,238,247)
```
#5bf4fd
```
#5bf4fd rgb(91,244,253)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#b1d0d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdff1 Protanopia 1% of men
#e2ddff Deuteranopia 1% of men
#8af0ff Tritanopia 0.001% of the population

Trichromacy

#afe7f5 Protanomaly 1% of men, 0.01% of women
#b1e5fe Deuteranomaly 6% of men, 0.4% of women
#79f1fe Tritanomaly 0.01% of the population

#5bf4fd hex color

#5bf4fd Color Information

#5bf4fd Color Conversion

Color Schemes with #5bf4fd

Alternatives to #5bf4fd

#5bf4fd Preview

Shades and Tints of #5bf4fd

Tones of #5bf4fd

Color Blindness Simulator