#5b83ef hex color

In a RGB color space, hex #5b83ef is composed of 35.7% red, 51.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 45.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 223.8 degrees, a saturation of 82.2% and a lightness of 64.7%. #5b83ef color hex could be obtained by blending #b6ffff with #0007df. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 51
- B 94
RGB color chart
- C 62
- M 45
- Y 0
- K 6
CMYK color chart

● #5b83ef color description : Soft blue.

The hexadecimal color #5b83ef has RGB values of R:91, G:131, B:239 and CMYK values of C:0.62, M:0.45, Y:0, K:0.06. Its decimal value is 5997551.

Hex triplet	5b83ef	`#5b83ef`
RGB Decimal	91, 131, 239	`rgb(91,131,239)`
RGB Percent	35.7, 51.4, 93.7	`rgb(35.7%,51.4%,93.7%)`
CMYK	62, 45, 0, 6
HSL	223.8°, 82.2, 64.7	`hsl(223.8,82.2%,64.7%)`
HSV (or HSB)	223.8°, 61.9, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.769, 19.061, -58.651
XYZ	28.007, 24.687, 84.946
xyY	0.203, 0.179, 24.687
CIE-LCH	56.769, 61.671, 288.004
CIE-LUV	56.769, -19.423, -94.585
Hunter-Lab	49.686, 13.667, -66.585
Binary	01011011, 10000011, 11101111

#5b83ef
```
#5b83ef rgb(91,131,239)
```
#efc75b
```
#efc75b rgb(239,199,91)
```

Complementary Color

#5bcdef
```
#5bcdef rgb(91,205,239)
```
#5b83ef
```
#5b83ef rgb(91,131,239)
```
#7d5bef
```
#7d5bef rgb(125,91,239)
```

Analogous Color

#cdef5b
```
#cdef5b rgb(205,239,91)
```
#5b83ef
```
#5b83ef rgb(91,131,239)
```
#ef7d5b
```
#ef7d5b rgb(239,125,91)
```

Split Complementary Color

#83ef5b
```
#83ef5b rgb(131,239,91)
```
#5b83ef
```
#5b83ef rgb(91,131,239)
```
#ef5b83
```
#ef5b83 rgb(239,91,131)
```

Triadic Color

#5befc7
```
#5befc7 rgb(91,239,199)
```
#5b83ef
```
#5b83ef rgb(91,131,239)
```
#ef5b83
```
#ef5b83 rgb(239,91,131)
```
#efc75b
```
#efc75b rgb(239,199,91)
```

Tetradic Color

#174fe7
```
#174fe7 rgb(23,79,231)
```
#2d60ea
```
#2d60ea rgb(45,96,234)
```
#4471ed
```
#4471ed rgb(68,113,237)
```
#5b83ef
```
#5b83ef rgb(91,131,239)
```
#7295f1
```
#7295f1 rgb(114,149,241)
```
#89a6f4
```
#89a6f4 rgb(137,166,244)
```
#a1b8f6
```
#a1b8f6 rgb(161,184,246)
```

Monochromatic Color

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

#5ba8ef
```
#5ba8ef rgb(91,168,239)
```
#5b9cef
```
#5b9cef rgb(91,156,239)
```
#5b8fef
```
#5b8fef rgb(91,143,239)
```
#5b83ef
```
#5b83ef rgb(91,131,239)
```
#5b77ef
```
#5b77ef rgb(91,119,239)
```
#5b6aef
```
#5b6aef rgb(91,106,239)
```
#5b5eef
```
#5b5eef rgb(91,94,239)
```

Similar Colors

Text with hexadecimal color #5b83ef

This text has a font color of #5b83ef.

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

#5b83ef background color

This paragraph has a background color of #5b83ef.

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

#5b83ef border color

This element has a border color of #5b83ef.

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

CSS codes

.text {color:#5b83ef;}

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

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

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

#01050f
```
#01050f rgb(1,5,15)
```
#030b21
```
#030b21 rgb(3,11,33)
```
#051132
```
#051132 rgb(5,17,50)
```
#071744
```
#071744 rgb(7,23,68)
```
#081d56
```
#081d56 rgb(8,29,86)
```
#0a2468
```
#0a2468 rgb(10,36,104)
```
#0c2a7a
```
#0c2a7a rgb(12,42,122)
```
#0e308c
```
#0e308c rgb(14,48,140)
```
#0f369e
```
#0f369e rgb(15,54,158)
```
#113cb0
```
#113cb0 rgb(17,60,176)
```
#1342c1
```
#1342c1 rgb(19,66,193)
```
#1548d3
```
#1548d3 rgb(21,72,211)
```
#164ee5
```
#164ee5 rgb(22,78,229)
```

Shade Color Variation

#255aea
```
#255aea rgb(37,90,234)
```
#3768ec
```
#3768ec rgb(55,104,236)
```
#4975ed
```
#4975ed rgb(73,117,237)
```
#5b83ef
```
#5b83ef rgb(91,131,239)
```
#6d91f1
```
#6d91f1 rgb(109,145,241)
```
#7f9ef2
```
#7f9ef2 rgb(127,158,242)
```
#91acf4
```
#91acf4 rgb(145,172,244)
```
#a2b9f6
```
#a2b9f6 rgb(162,185,246)
```
#b4c7f8
```
#b4c7f8 rgb(180,199,248)
```
#c6d4f9
```
#c6d4f9 rgb(198,212,249)
```
#d8e2fb
```
#d8e2fb rgb(216,226,251)
```
#eaeffd
```
#eaeffd rgb(234,239,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a0a3aa
```
#a0a3aa rgb(160,163,170)
```
#99a0b1
```
#99a0b1 rgb(153,160,177)
```
#929cb8
```
#929cb8 rgb(146,156,184)
```
#8b99bf
```
#8b99bf rgb(139,153,191)
```
#8596c5
```
#8596c5 rgb(133,150,197)
```
#7e93cc
```
#7e93cc rgb(126,147,204)
```
#7790d3
```
#7790d3 rgb(119,144,211)
```
#708dda
```
#708dda rgb(112,141,218)
```
#6989e1
```
#6989e1 rgb(105,137,225)
```
#6286e8
```
#6286e8 rgb(98,134,232)
```
#5b83ef
```
#5b83ef rgb(91,131,239)
```
#5480f6
```
#5480f6 rgb(84,128,246)
```
#4d7dfd
```
#4d7dfd rgb(77,125,253)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7b8399 Atypical Achromatopsia 0.001% of the population

Dichromacy

#588bf1 Protanopia 1% of men
#3190ec Deuteranopia 1% of men
#2d9ba6 Tritanopia 0.001% of the population

Trichromacy

#5988f0 Protanomaly 1% of men, 0.01% of women
#408bed Deuteranomaly 6% of men, 0.4% of women
#3e92c0 Tritanomaly 0.01% of the population

#5b83ef hex color

#5b83ef Color Information

#5b83ef Color Conversion

Color Schemes with #5b83ef

Alternatives to #5b83ef

#5b83ef Preview

Shades and Tints of #5b83ef

Tones of #5b83ef

Color Blindness Simulator