#5b8fed hex color

In a RGB color space, hex #5b8fed is composed of 35.7% red, 56.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 39.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 218.6 degrees, a saturation of 80.2% and a lightness of 64.3%. #5b8fed color hex could be obtained by blending #b6ffff with #001fdb. Closest websafe color is: #6699ff.

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

● #5b8fed color description : Soft blue.

The hexadecimal color #5b8fed has RGB values of R:91, G:143, B:237 and CMYK values of C:0.62, M:0.4, Y:0, K:0.07. Its decimal value is 6000621.

Hex triplet	5b8fed	`#5b8fed`
RGB Decimal	91, 143, 237	`rgb(91,143,237)`
RGB Percent	35.7, 56.1, 92.9	`rgb(35.7%,56.1%,92.9%)`
CMYK	62, 40, 0, 7
HSL	218.6°, 80.2, 64.3	`hsl(218.6,80.2%,64.3%)`
HSV (or HSB)	218.6°, 61.6, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.872, 11.187, -52.591
XYZ	29.42, 27.982, 83.967
xyY	0.208, 0.198, 27.982
CIE-LCH	59.872, 53.768, 282.009
CIE-LUV	59.872, -23.334, -84.923
Hunter-Lab	52.898, 6.703, -57.085
Binary	01011011, 10001111, 11101101

#5b8fed
```
#5b8fed rgb(91,143,237)
```
#edb95b
```
#edb95b rgb(237,185,91)
```

Complementary Color

#5bd8ed
```
#5bd8ed rgb(91,216,237)
```
#5b8fed
```
#5b8fed rgb(91,143,237)
```
#705bed
```
#705bed rgb(112,91,237)
```

Analogous Color

#d8ed5b
```
#d8ed5b rgb(216,237,91)
```
#5b8fed
```
#5b8fed rgb(91,143,237)
```
#ed705b
```
#ed705b rgb(237,112,91)
```

Split Complementary Color

#8fed5b
```
#8fed5b rgb(143,237,91)
```
#5b8fed
```
#5b8fed rgb(91,143,237)
```
#ed5b8f
```
#ed5b8f rgb(237,91,143)
```

Triadic Color

#5bedb9
```
#5bedb9 rgb(91,237,185)
```
#5b8fed
```
#5b8fed rgb(91,143,237)
```
#ed5b8f
```
#ed5b8f rgb(237,91,143)
```
#edb95b
```
#edb95b rgb(237,185,91)
```

Tetradic Color

#1961e3
```
#1961e3 rgb(25,97,227)
```
#2d70e8
```
#2d70e8 rgb(45,112,232)
```
#447fea
```
#447fea rgb(68,127,234)
```
#5b8fed
```
#5b8fed rgb(91,143,237)
```
#729ff0
```
#729ff0 rgb(114,159,240)
```
#89aef2
```
#89aef2 rgb(137,174,242)
```
#a0bef5
```
#a0bef5 rgb(160,190,245)
```

Monochromatic Color

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

#5bb4ed
```
#5bb4ed rgb(91,180,237)
```
#5ba7ed
```
#5ba7ed rgb(91,167,237)
```
#5b9bed
```
#5b9bed rgb(91,155,237)
```
#5b8fed
```
#5b8fed rgb(91,143,237)
```
#5b83ed
```
#5b83ed rgb(91,131,237)
```
#5b77ed
```
#5b77ed rgb(91,119,237)
```
#5b6bed
```
#5b6bed rgb(91,107,237)
```

Similar Colors

Text with hexadecimal color #5b8fed

This text has a font color of #5b8fed.

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

#5b8fed background color

This paragraph has a background color of #5b8fed.

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

#5b8fed border color

This element has a border color of #5b8fed.

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

CSS codes

.text {color:#5b8fed;}

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

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

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

#01050d
```
#01050d rgb(1,5,13)
```
#030d1e
```
#030d1e rgb(3,13,30)
```
#051530
```
#051530 rgb(5,21,48)
```
#071c42
```
#071c42 rgb(7,28,66)
```
#092453
```
#092453 rgb(9,36,83)
```
#0b2b65
```
#0b2b65 rgb(11,43,101)
```
#0d3377
```
#0d3377 rgb(13,51,119)
```
#0f3a88
```
#0f3a88 rgb(15,58,136)
```
#11429a
```
#11429a rgb(17,66,154)
```
#1349ac
```
#1349ac rgb(19,73,172)
```
#1551be
```
#1551be rgb(21,81,190)
```
#1758cf
```
#1758cf rgb(23,88,207)
```
#1960e1
```
#1960e1 rgb(25,96,225)
```

Shade Color Variation

#266be7
```
#266be7 rgb(38,107,231)
```
#3877e9
```
#3877e9 rgb(56,119,233)
```
#4983eb
```
#4983eb rgb(73,131,235)
```
#5b8fed
```
#5b8fed rgb(91,143,237)
```
#6d9bef
```
#6d9bef rgb(109,155,239)
```
#7ea7f1
```
#7ea7f1 rgb(126,167,241)
```
#90b3f3
```
#90b3f3 rgb(144,179,243)
```
#a2bff5
```
#a2bff5 rgb(162,191,245)
```
#b3cbf7
```
#b3cbf7 rgb(179,203,247)
```
#c5d7f9
```
#c5d7f9 rgb(197,215,249)
```
#d7e3fb
```
#d7e3fb rgb(215,227,251)
```
#e8f0fd
```
#e8f0fd rgb(232,240,253)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#a1a3a7
```
#a1a3a7 rgb(161,163,167)
```
#9aa1ae
```
#9aa1ae rgb(154,161,174)
```
#939fb5
```
#939fb5 rgb(147,159,181)
```
#8c9dbc
```
#8c9dbc rgb(140,157,188)
```
#859bc3
```
#859bc3 rgb(133,155,195)
```
#7e99ca
```
#7e99ca rgb(126,153,202)
```
#7797d1
```
#7797d1 rgb(119,151,209)
```
#7095d8
```
#7095d8 rgb(112,149,216)
```
#6993df
```
#6993df rgb(105,147,223)
```
#6291e6
```
#6291e6 rgb(98,145,230)
```
#5b8fed
```
#5b8fed rgb(91,143,237)
```
#548df4
```
#548df4 rgb(84,141,244)
```
#4d8bfb
```
#4d8bfb rgb(77,139,251)
```

Tone Color Variation

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

#6e93ec Protanopia 1% of men
#5696ed Deuteranopia 1% of men
#38a3af Tritanopia 0.001% of the population

Trichromacy

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

#5b8fed hex color

#5b8fed Color Information

#5b8fed Color Conversion

Color Schemes with #5b8fed

Alternatives to #5b8fed

#5b8fed Preview

Shades and Tints of #5b8fed

Tones of #5b8fed

Color Blindness Simulator