#5b7be9 hex color

In a RGB color space, hex #5b7be9 is composed of 35.7% red, 48.2% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 47.2% magenta, 0% yellow and 8.6% black. It has a hue angle of 226.5 degrees, a saturation of 76.3% and a lightness of 63.5%. #5b7be9 color hex could be obtained by blending #b6f6ff with #0000d3. Closest websafe color is: #6666ff.

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

● #5b7be9 color description : Soft blue.

The hexadecimal color #5b7be9 has RGB values of R:91, G:123, B:233 and CMYK values of C:0.61, M:0.47, Y:0, K:0.09. Its decimal value is 5995497.

Hex triplet	5b7be9	`#5b7be9`
RGB Decimal	91, 123, 233	`rgb(91,123,233)`
RGB Percent	35.7, 48.2, 91.4	`rgb(35.7%,48.2%,91.4%)`
CMYK	61, 47, 0, 9
HSL	226.5°, 76.3, 63.5	`hsl(226.5,76.3%,63.5%)`
HSV (or HSB)	226.5°, 60.9, 91.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.314, 21.921, -59.247
XYZ	26.102, 22.272, 80.01
xyY	0.203, 0.173, 22.272
CIE-LCH	54.314, 63.172, 290.304
CIE-LUV	54.314, -16.865, -94.88
Hunter-Lab	47.193, 16.14, -67.483
Binary	01011011, 01111011, 11101001

#5b7be9
```
#5b7be9 rgb(91,123,233)
```
#e9c95b
```
#e9c95b rgb(233,201,91)
```

Complementary Color

#5bc2e9
```
#5bc2e9 rgb(91,194,233)
```
#5b7be9
```
#5b7be9 rgb(91,123,233)
```
#825be9
```
#825be9 rgb(130,91,233)
```

Analogous Color

#c2e95b
```
#c2e95b rgb(194,233,91)
```
#5b7be9
```
#5b7be9 rgb(91,123,233)
```
#e9825b
```
#e9825b rgb(233,130,91)
```

Split Complementary Color

#7be95b
```
#7be95b rgb(123,233,91)
```
#5b7be9
```
#5b7be9 rgb(91,123,233)
```
#e95b7b
```
#e95b7b rgb(233,91,123)
```

Triadic Color

#5be9c9
```
#5be9c9 rgb(91,233,201)
```
#5b7be9
```
#5b7be9 rgb(91,123,233)
```
#e95b7b
```
#e95b7b rgb(233,91,123)
```
#e9c95b
```
#e9c95b rgb(233,201,91)
```

Tetradic Color

#1d48da
```
#1d48da rgb(29,72,218)
```
#2e57e3
```
#2e57e3 rgb(46,87,227)
```
#4569e6
```
#4569e6 rgb(69,105,230)
```
#5b7be9
```
#5b7be9 rgb(91,123,233)
```
#718dec
```
#718dec rgb(113,141,236)
```
#889fef
```
#889fef rgb(136,159,239)
```
#9eb1f2
```
#9eb1f2 rgb(158,177,242)
```

Monochromatic Color

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

#5b9fe9
```
#5b9fe9 rgb(91,159,233)
```
#5b93e9
```
#5b93e9 rgb(91,147,233)
```
#5b87e9
```
#5b87e9 rgb(91,135,233)
```
#5b7be9
```
#5b7be9 rgb(91,123,233)
```
#5b6fe9
```
#5b6fe9 rgb(91,111,233)
```
#5b63e9
```
#5b63e9 rgb(91,99,233)
```
#5e5be9
```
#5e5be9 rgb(94,91,233)
```

Similar Colors

Text with hexadecimal color #5b7be9

This text has a font color of #5b7be9.

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

#5b7be9 background color

This paragraph has a background color of #5b7be9.

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

#5b7be9 border color

This element has a border color of #5b7be9.

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

CSS codes

.text {color:#5b7be9;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#04091a
```
#04091a rgb(4,9,26)
```
#060e2c
```
#060e2c rgb(6,14,44)
```
#08143d
```
#08143d rgb(8,20,61)
```
#0a1a4e
```
#0a1a4e rgb(10,26,78)
```
#0d1f5f
```
#0d1f5f rgb(13,31,95)
```
#0f2571
```
#0f2571 rgb(15,37,113)
```
#112b82
```
#112b82 rgb(17,43,130)
```
#143193
```
#143193 rgb(20,49,147)
```
#1636a5
```
#1636a5 rgb(22,54,165)
```
#183cb6
```
#183cb6 rgb(24,60,182)
```
#1b42c7
```
#1b42c7 rgb(27,66,199)
```
#1d47d8
```
#1d47d8 rgb(29,71,216)
```

Shade Color Variation

#2751e2
```
#2751e2 rgb(39,81,226)
```
#385fe4
```
#385fe4 rgb(56,95,228)
```
#4a6de7
```
#4a6de7 rgb(74,109,231)
```
#5b7be9
```
#5b7be9 rgb(91,123,233)
```
#6c89eb
```
#6c89eb rgb(108,137,235)
```
#7e97ee
```
#7e97ee rgb(126,151,238)
```
#8fa5f0
```
#8fa5f0 rgb(143,165,240)
```
#a0b3f2
```
#a0b3f2 rgb(160,179,242)
```
#b1c1f5
```
#b1c1f5 rgb(177,193,245)
```
#c3cff7
```
#c3cff7 rgb(195,207,247)
```
#d4dcf9
```
#d4dcf9 rgb(212,220,249)
```
#e5eafc
```
#e5eafc rgb(229,234,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#9b9ea9
```
#9b9ea9 rgb(155,158,169)
```
#949ab0
```
#949ab0 rgb(148,154,176)
```
#8d97b7
```
#8d97b7 rgb(141,151,183)
```
#8693be
```
#8693be rgb(134,147,190)
```
#7f8fc5
```
#7f8fc5 rgb(127,143,197)
```
#788bcc
```
#788bcc rgb(120,139,204)
```
#7087d4
```
#7087d4 rgb(112,135,212)
```
#6983db
```
#6983db rgb(105,131,219)
```
#627fe2
```
#627fe2 rgb(98,127,226)
```
#5b7be9
```
#5b7be9 rgb(91,123,233)
```
#5477f0
```
#5477f0 rgb(84,119,240)
```
#4d73f7
```
#4d73f7 rgb(77,115,247)
```
#466ffe
```
#466ffe rgb(70,111,254)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#777d93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d84ec Protanopia 1% of men
#198ae6 Deuteranopia 1% of men
#30949f Tritanopia 0.001% of the population

Trichromacy

#5281eb Protanomaly 1% of men, 0.01% of women
#3184e7 Deuteranomaly 6% of men, 0.4% of women
#3f8bba Tritanomaly 0.01% of the population

#5b7be9 hex color

#5b7be9 Color Information

#5b7be9 Color Conversion

Color Schemes with #5b7be9

Alternatives to #5b7be9

#5b7be9 Preview

Shades and Tints of #5b7be9

Tones of #5b7be9

Color Blindness Simulator