#5b8fec hex color

In a RGB color space, hex #5b8fec is composed of 35.7% red, 56.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 39.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 218.5 degrees, a saturation of 79.2% and a lightness of 64.1%. #5b8fec color hex could be obtained by blending #b6ffff with #001fd9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 56
- B 93
RGB color chart
- C 61
- M 39
- Y 0
- K 7
CMYK color chart

● #5b8fec color description : Soft blue.

The hexadecimal color #5b8fec has RGB values of R:91, G:143, B:236 and CMYK values of C:0.61, M:0.39, Y:0, K:0.07. Its decimal value is 6000620.

Hex triplet	5b8fec	`#5b8fec`
RGB Decimal	91, 143, 236	`rgb(91,143,236)`
RGB Percent	35.7, 56.1, 92.5	`rgb(35.7%,56.1%,92.5%)`
CMYK	61, 39, 0, 7
HSL	218.5°, 79.2, 64.1	`hsl(218.5,79.2%,64.1%)`
HSV (or HSB)	218.5°, 61.4, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.819, 10.855, -52.122
XYZ	29.274, 27.923, 83.199
xyY	0.209, 0.199, 27.923
CIE-LCH	59.819, 53.24, 281.764
CIE-LUV	59.819, -23.341, -84.103
Hunter-Lab	52.843, 6.411, -56.361
Binary	01011011, 10001111, 11101100

#5b8fec
```
#5b8fec rgb(91,143,236)
```
#ecb85b
```
#ecb85b rgb(236,184,91)
```

Complementary Color

#5bd8ec
```
#5bd8ec rgb(91,216,236)
```
#5b8fec
```
#5b8fec rgb(91,143,236)
```
#705bec
```
#705bec rgb(112,91,236)
```

Analogous Color

#d8ec5b
```
#d8ec5b rgb(216,236,91)
```
#5b8fec
```
#5b8fec rgb(91,143,236)
```
#ec705b
```
#ec705b rgb(236,112,91)
```

Split Complementary Color

#8fec5b
```
#8fec5b rgb(143,236,91)
```
#5b8fec
```
#5b8fec rgb(91,143,236)
```
#ec5b8f
```
#ec5b8f rgb(236,91,143)
```

Triadic Color

#5becb8
```
#5becb8 rgb(91,236,184)
```
#5b8fec
```
#5b8fec rgb(91,143,236)
```
#ec5b8f
```
#ec5b8f rgb(236,91,143)
```
#ecb85b
```
#ecb85b rgb(236,184,91)
```

Tetradic Color

#1a61e0
```
#1a61e0 rgb(26,97,224)
```
#2d70e7
```
#2d70e7 rgb(45,112,231)
```
#447fe9
```
#447fe9 rgb(68,127,233)
```
#5b8fec
```
#5b8fec rgb(91,143,236)
```
#729fef
```
#729fef rgb(114,159,239)
```
#89aef1
```
#89aef1 rgb(137,174,241)
```
#a0bef4
```
#a0bef4 rgb(160,190,244)
```

Monochromatic Color

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

#5bb3ec
```
#5bb3ec rgb(91,179,236)
```
#5ba7ec
```
#5ba7ec rgb(91,167,236)
```
#5b9bec
```
#5b9bec rgb(91,155,236)
```
#5b8fec
```
#5b8fec rgb(91,143,236)
```
#5b83ec
```
#5b83ec rgb(91,131,236)
```
#5b77ec
```
#5b77ec rgb(91,119,236)
```
#5b6bec
```
#5b6bec rgb(91,107,236)
```

Similar Colors

Text with hexadecimal color #5b8fec

This text has a font color of #5b8fec.

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

#5b8fec background color

This paragraph has a background color of #5b8fec.

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

#5b8fec border color

This element has a border color of #5b8fec.

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

CSS codes

.text {color:#5b8fec;}

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

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

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, #01050c is the darkest color, while #f9fbfe is the lightest one.

#01050c
```
#01050c rgb(1,5,12)
```
#030d1d
```
#030d1d rgb(3,13,29)
```
#05142f
```
#05142f rgb(5,20,47)
```
#071c41
```
#071c41 rgb(7,28,65)
```
#0a2452
```
#0a2452 rgb(10,36,82)
```
#0c2b64
```
#0c2b64 rgb(12,43,100)
```
#0e3375
```
#0e3375 rgb(14,51,117)
```
#103a87
```
#103a87 rgb(16,58,135)
```
#124298
```
#124298 rgb(18,66,152)
```
#144aaa
```
#144aaa rgb(20,74,170)
```
#1651bc
```
#1651bc rgb(22,81,188)
```
#1859cd
```
#1859cd rgb(24,89,205)
```
#1a60df
```
#1a60df rgb(26,96,223)
```

Shade Color Variation

#266be6
```
#266be6 rgb(38,107,230)
```
#3877e8
```
#3877e8 rgb(56,119,232)
```
#4983ea
```
#4983ea rgb(73,131,234)
```
#5b8fec
```
#5b8fec rgb(91,143,236)
```
#6d9bee
```
#6d9bee rgb(109,155,238)
```
#7ea7f0
```
#7ea7f0 rgb(126,167,240)
```
#90b3f2
```
#90b3f2 rgb(144,179,242)
```
#a1bff4
```
#a1bff4 rgb(161,191,244)
```
#b3cbf6
```
#b3cbf6 rgb(179,203,246)
```
#c4d7f8
```
#c4d7f8 rgb(196,215,248)
```
#d6e3fa
```
#d6e3fa rgb(214,227,250)
```
#e8effc
```
#e8effc rgb(232,239,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#a1a3a6
```
#a1a3a6 rgb(161,163,166)
```
#9aa1ad
```
#9aa1ad rgb(154,161,173)
```
#939fb4
```
#939fb4 rgb(147,159,180)
```
#8c9dbb
```
#8c9dbb rgb(140,157,187)
```
#859bc2
```
#859bc2 rgb(133,155,194)
```
#7e99c9
```
#7e99c9 rgb(126,153,201)
```
#7797d0
```
#7797d0 rgb(119,151,208)
```
#7095d7
```
#7095d7 rgb(112,149,215)
```
#6993de
```
#6993de rgb(105,147,222)
```
#6291e5
```
#6291e5 rgb(98,145,229)
```
#5b8fec
```
#5b8fec rgb(91,143,236)
```
#548df3
```
#548df3 rgb(84,141,243)
```
#4d8bfa
```
#4d8bfa rgb(77,139,250)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#818b9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e93eb Protanopia 1% of men
#5896ec Deuteranopia 1% of men
#39a2ae Tritanopia 0.001% of the population

Trichromacy

#6791eb Protanomaly 1% of men, 0.01% of women
#5993ec Deuteranomaly 6% of men, 0.4% of women
#459bc5 Tritanomaly 0.01% of the population

#5b8fec hex color

#5b8fec Color Information

#5b8fec Color Conversion

Color Schemes with #5b8fec

Alternatives to #5b8fec

#5b8fec Preview

Shades and Tints of #5b8fec

Tones of #5b8fec

Color Blindness Simulator