#5bade8 hex color

In a RGB color space, hex #5bade8 is composed of 35.7% red, 67.8% green and 91% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 25.4% magenta, 0% yellow and 9% black. It has a hue angle of 205.1 degrees, a saturation of 75.4% and a lightness of 63.3%. #5bade8 color hex could be obtained by blending #b6ffff with #005bd1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 68
- B 91
RGB color chart
- C 61
- M 25
- Y 0
- K 9
CMYK color chart

● #5bade8 color description : Soft blue.

The hexadecimal color #5bade8 has RGB values of R:91, G:173, B:232 and CMYK values of C:0.61, M:0.25, Y:0, K:0.09. Its decimal value is 6008296.

Hex triplet	5bade8	`#5bade8`
RGB Decimal	91, 173, 232	`rgb(91,173,232)`
RGB Percent	35.7, 67.8, 91	`rgb(35.7%,67.8%,91%)`
CMYK	61, 25, 0, 9
HSL	205.1°, 75.4, 63.3	`hsl(205.1,75.4%,63.3%)`
HSV (or HSB)	205.1°, 60.8, 91
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.973, -7.643, -37.092
XYZ	33.82, 37.935, 81.879
xyY	0.22, 0.247, 37.935
CIE-LCH	67.973, 37.872, 258.356
CIE-LUV	67.973, -33.935, -58.279
Hunter-Lab	61.592, -9.771, -35.706
Binary	01011011, 10101101, 11101000

#5bade8
```
#5bade8 rgb(91,173,232)
```
#e8965b
```
#e8965b rgb(232,150,91)
```

Complementary Color

#5be8dd
```
#5be8dd rgb(91,232,221)
```
#5bade8
```
#5bade8 rgb(91,173,232)
```
#5b67e8
```
#5b67e8 rgb(91,103,232)
```

Analogous Color

#e8dd5b
```
#e8dd5b rgb(232,221,91)
```
#5bade8
```
#5bade8 rgb(91,173,232)
```
#e85b67
```
#e85b67 rgb(232,91,103)
```

Split Complementary Color

#ade85b
```
#ade85b rgb(173,232,91)
```
#5bade8
```
#5bade8 rgb(91,173,232)
```
#e85bad
```
#e85bad rgb(232,91,173)
```

Triadic Color

#5be896
```
#5be896 rgb(91,232,150)
```
#5bade8
```
#5bade8 rgb(91,173,232)
```
#e85bad
```
#e85bad rgb(232,91,173)
```
#e8965b
```
#e8965b rgb(232,150,91)
```

Tetradic Color

#1e8ad8
```
#1e8ad8 rgb(30,138,216)
```
#2e97e2
```
#2e97e2 rgb(46,151,226)
```
#45a2e5
```
#45a2e5 rgb(69,162,229)
```
#5bade8
```
#5bade8 rgb(91,173,232)
```
#71b8eb
```
#71b8eb rgb(113,184,235)
```
#88c3ee
```
#88c3ee rgb(136,195,238)
```
#9ecff1
```
#9ecff1 rgb(158,207,241)
```

Monochromatic Color

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

#5bd0e8
```
#5bd0e8 rgb(91,208,232)
```
#5bc5e8
```
#5bc5e8 rgb(91,197,232)
```
#5bb9e8
```
#5bb9e8 rgb(91,185,232)
```
#5bade8
```
#5bade8 rgb(91,173,232)
```
#5ba1e8
```
#5ba1e8 rgb(91,161,232)
```
#5b96e8
```
#5b96e8 rgb(91,150,232)
```
#5b8ae8
```
#5b8ae8 rgb(91,138,232)
```

Similar Colors

Text with hexadecimal color #5bade8

This text has a font color of #5bade8.

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

#5bade8 background color

This paragraph has a background color of #5bade8.

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

#5bade8 border color

This element has a border color of #5bade8.

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

CSS codes

.text {color:#5bade8;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#041019
```
#041019 rgb(4,16,25)
```
#061b2a
```
#061b2a rgb(6,27,42)
```
#08263c
```
#08263c rgb(8,38,60)
```
#0b314d
```
#0b314d rgb(11,49,77)
```
#0d3c5e
```
#0d3c5e rgb(13,60,94)
```
#10476f
```
#10476f rgb(16,71,111)
```
#125280
```
#125280 rgb(18,82,128)
```
#145d92
```
#145d92 rgb(20,93,146)
```
#1768a3
```
#1768a3 rgb(23,104,163)
```
#1973b4
```
#1973b4 rgb(25,115,180)
```
#1c7ec5
```
#1c7ec5 rgb(28,126,197)
```
#1e89d6
```
#1e89d6 rgb(30,137,214)
```

Shade Color Variation

#2793e1
```
#2793e1 rgb(39,147,225)
```
#399ce3
```
#399ce3 rgb(57,156,227)
```
#4aa4e6
```
#4aa4e6 rgb(74,164,230)
```
#5bade8
```
#5bade8 rgb(91,173,232)
```
#6cb6ea
```
#6cb6ea rgb(108,182,234)
```
#7dbeed
```
#7dbeed rgb(125,190,237)
```
#8fc7ef
```
#8fc7ef rgb(143,199,239)
```
#a0cff2
```
#a0cff2 rgb(160,207,242)
```
#b1d8f4
```
#b1d8f4 rgb(177,216,244)
```
#c2e1f6
```
#c2e1f6 rgb(194,225,246)
```
#d3e9f9
```
#d3e9f9 rgb(211,233,249)
```
#e5f2fb
```
#e5f2fb rgb(229,242,251)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

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

#9ca2a7
```
#9ca2a7 rgb(156,162,167)
```
#95a4ae
```
#95a4ae rgb(149,164,174)
```
#8da5b6
```
#8da5b6 rgb(141,165,182)
```
#86a6bd
```
#86a6bd rgb(134,166,189)
```
#7fa7c4
```
#7fa7c4 rgb(127,167,196)
```
#78a8cb
```
#78a8cb rgb(120,168,203)
```
#71a9d2
```
#71a9d2 rgb(113,169,210)
```
#69abda
```
#69abda rgb(105,171,218)
```
#62ace1
```
#62ace1 rgb(98,172,225)
```
#5bade8
```
#5bade8 rgb(91,173,232)
```
#54aeef
```
#54aeef rgb(84,174,239)
```
#4daff6
```
#4daff6 rgb(77,175,246)
```
#45b1fe
```
#45b1fe rgb(69,177,254)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8e9faa Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a8e2 Protanopia 1% of men
#8ea8ec Deuteranopia 1% of men
#4db8c5 Tritanopia 0.001% of the population

Trichromacy

#81a9e4 Protanomaly 1% of men, 0.01% of women
#7baaea Deuteranomaly 6% of men, 0.4% of women
#52b4d2 Tritanomaly 0.01% of the population

#5bade8 hex color

#5bade8 Color Information

#5bade8 Color Conversion

Color Schemes with #5bade8

Alternatives to #5bade8

#5bade8 Preview

Shades and Tints of #5bade8

Tones of #5bade8

Color Blindness Simulator