#5b7be3 hex color

In a RGB color space, hex #5b7be3 is composed of 35.7% red, 48.2% green and 89% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 45.8% magenta, 0% yellow and 11% black. It has a hue angle of 225.9 degrees, a saturation of 70.8% and a lightness of 62.4%. #5b7be3 color hex could be obtained by blending #b6f6ff with #0000c7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 48
- B 89
RGB color chart
- C 60
- M 46
- Y 0
- K 11
CMYK color chart

● #5b7be3 color description : Soft blue.

The hexadecimal color #5b7be3 has RGB values of R:91, G:123, B:227 and CMYK values of C:0.6, M:0.46, Y:0, K:0.11. Its decimal value is 5995491.

Hex triplet	5b7be3	`#5b7be3`
RGB Decimal	91, 123, 227	`rgb(91,123,227)`
RGB Percent	35.7, 48.2, 89	`rgb(35.7%,48.2%,89%)`
CMYK	60, 46, 0, 11
HSL	225.9°, 70.8, 62.4	`hsl(225.9,70.8%,62.4%)`
HSV (or HSB)	225.9°, 59.9, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.958, 19.922, -56.46
XYZ	25.26, 21.935, 75.572
xyY	0.206, 0.179, 21.935
CIE-LCH	53.958, 59.872, 289.435
CIE-LUV	53.958, -16.789, -90.173
Hunter-Lab	46.835, 14.311, -62.885
Binary	01011011, 01111011, 11100011

#5b7be3
```
#5b7be3 rgb(91,123,227)
```
#e3c35b
```
#e3c35b rgb(227,195,91)
```

Complementary Color

#5bbfe3
```
#5bbfe3 rgb(91,191,227)
```
#5b7be3
```
#5b7be3 rgb(91,123,227)
```
#7f5be3
```
#7f5be3 rgb(127,91,227)
```

Analogous Color

#bfe35b
```
#bfe35b rgb(191,227,91)
```
#5b7be3
```
#5b7be3 rgb(91,123,227)
```
#e37f5b
```
#e37f5b rgb(227,127,91)
```

Split Complementary Color

#7be35b
```
#7be35b rgb(123,227,91)
```
#5b7be3
```
#5b7be3 rgb(91,123,227)
```
#e35b7b
```
#e35b7b rgb(227,91,123)
```

Triadic Color

#5be3c3
```
#5be3c3 rgb(91,227,195)
```
#5b7be3
```
#5b7be3 rgb(91,123,227)
```
#e35b7b
```
#e35b7b rgb(227,91,123)
```
#e3c35b
```
#e3c35b rgb(227,195,91)
```

Tetradic Color

#234bce
```
#234bce rgb(35,75,206)
```
#2f58dc
```
#2f58dc rgb(47,88,220)
```
#4569df
```
#4569df rgb(69,105,223)
```
#5b7be3
```
#5b7be3 rgb(91,123,227)
```
#718de7
```
#718de7 rgb(113,141,231)
```
#879eea
```
#879eea rgb(135,158,234)
```
#9cb0ee
```
#9cb0ee rgb(156,176,238)
```

Monochromatic Color

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

#5b9de3
```
#5b9de3 rgb(91,157,227)
```
#5b92e3
```
#5b92e3 rgb(91,146,227)
```
#5b86e3
```
#5b86e3 rgb(91,134,227)
```
#5b7be3
```
#5b7be3 rgb(91,123,227)
```
#5b70e3
```
#5b70e3 rgb(91,112,227)
```
#5b64e3
```
#5b64e3 rgb(91,100,227)
```
#5d5be3
```
#5d5be3 rgb(93,91,227)
```

Similar Colors

Text with hexadecimal color #5b7be3

This text has a font color of #5b7be3.

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

#5b7be3 background color

This paragraph has a background color of #5b7be3.

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

#5b7be3 border color

This element has a border color of #5b7be3.

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

CSS codes

.text {color:#5b7be3;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#030714
```
#030714 rgb(3,7,20)
```
#060e25
```
#060e25 rgb(6,14,37)
```
#091436
```
#091436 rgb(9,20,54)
```
#0c1a47
```
#0c1a47 rgb(12,26,71)
```
#0f2057
```
#0f2057 rgb(15,32,87)
```
#122668
```
#122668 rgb(18,38,104)
```
#152c79
```
#152c79 rgb(21,44,121)
```
#17328a
```
#17328a rgb(23,50,138)
```
#1a389a
```
#1a389a rgb(26,56,154)
```
#1d3fab
```
#1d3fab rgb(29,63,171)
```
#2045bc
```
#2045bc rgb(32,69,188)
```
#234bcd
```
#234bcd rgb(35,75,205)
```

Shade Color Variation

#2953da
```
#2953da rgb(41,83,218)
```
#3960dd
```
#3960dd rgb(57,96,221)
```
#4a6ee0
```
#4a6ee0 rgb(74,110,224)
```
#5b7be3
```
#5b7be3 rgb(91,123,227)
```
#6c88e6
```
#6c88e6 rgb(108,136,230)
```
#7d96e9
```
#7d96e9 rgb(125,150,233)
```
#8da3ec
```
#8da3ec rgb(141,163,236)
```
#9eb1ee
```
#9eb1ee rgb(158,177,238)
```
#afbef1
```
#afbef1 rgb(175,190,241)
```
#c0ccf4
```
#c0ccf4 rgb(192,204,244)
```
#d0d9f7
```
#d0d9f7 rgb(208,217,247)
```
#e1e7fa
```
#e1e7fa rgb(225,231,250)
```
#f2f4fd
```
#f2f4fd rgb(242,244,253)
```

Tint Color Variation

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

#9d9ea1
```
#9d9ea1 rgb(157,158,161)
```
#969aa8
```
#969aa8 rgb(150,154,168)
```
#8f96af
```
#8f96af rgb(143,150,175)
```
#8792b7
```
#8792b7 rgb(135,146,183)
```
#808fbe
```
#808fbe rgb(128,143,190)
```
#798bc5
```
#798bc5 rgb(121,139,197)
```
#7187cd
```
#7187cd rgb(113,135,205)
```
#6a83d4
```
#6a83d4 rgb(106,131,212)
```
#627fdc
```
#627fdc rgb(98,127,220)
```
#5b7be3
```
#5b7be3 rgb(91,123,227)
```
#5477ea
```
#5477ea rgb(84,119,234)
```
#4c73f2
```
#4c73f2 rgb(76,115,242)
```
#456ff9
```
#456ff9 rgb(69,111,249)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#767d91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5384e6 Protanopia 1% of men
#2f89e1 Deuteranopia 1% of men
#37939d Tritanopia 0.001% of the population

Trichromacy

#5680e5 Protanomaly 1% of men, 0.01% of women
#3f84e1 Deuteranomaly 6% of men, 0.4% of women
#448ab7 Tritanomaly 0.01% of the population

#5b7be3 hex color

#5b7be3 Color Information

#5b7be3 Color Conversion

Color Schemes with #5b7be3

Alternatives to #5b7be3

#5b7be3 Preview

Shades and Tints of #5b7be3

Tones of #5b7be3

Color Blindness Simulator