#5b7bfe hex color

In a RGB color space, hex #5b7bfe is composed of 35.7% red, 48.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 51.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 228.2 degrees, a saturation of 98.8% and a lightness of 67.6%. #5b7bfe color hex could be obtained by blending #b6f6ff with #0000fd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 48
- B 100
RGB color chart
- C 64
- M 52
- Y 0
- K 0
CMYK color chart

● #5b7bfe color description : Soft blue.

The hexadecimal color #5b7bfe has RGB values of R:91, G:123, B:254 and CMYK values of C:0.64, M:0.52, Y:0, K:0. Its decimal value is 5995518.

Hex triplet	5b7bfe	`#5b7bfe`
RGB Decimal	91, 123, 254	`rgb(91,123,254)`
RGB Percent	35.7, 48.2, 99.6	`rgb(35.7%,48.2%,99.6%)`
CMYK	64, 52, 0, 0
HSL	228.2°, 98.8, 67.6	`hsl(228.2,98.8%,67.6%)`
HSV (or HSB)	228.2°, 64.2, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.628, 28.955, -68.787
XYZ	29.283, 23.544, 96.762
xyY	0.196, 0.157, 23.544
CIE-LCH	55.628, 74.633, 292.828
CIE-LUV	55.628, -17.158, -110.902
Hunter-Lab	48.522, 22.81, -84.269
Binary	01011011, 01111011, 11111110

#5b7bfe
```
#5b7bfe rgb(91,123,254)
```
#fede5b
```
#fede5b rgb(254,222,91)
```

Complementary Color

#5bcdfe
```
#5bcdfe rgb(91,205,254)
```
#5b7bfe
```
#5b7bfe rgb(91,123,254)
```
#8d5bfe
```
#8d5bfe rgb(141,91,254)
```

Analogous Color

#cdfe5b
```
#cdfe5b rgb(205,254,91)
```
#5b7bfe
```
#5b7bfe rgb(91,123,254)
```
#fe8d5b
```
#fe8d5b rgb(254,141,91)
```

Split Complementary Color

#7bfe5b
```
#7bfe5b rgb(123,254,91)
```
#5b7bfe
```
#5b7bfe rgb(91,123,254)
```
#fe5b7b
```
#fe5b7b rgb(254,91,123)
```

Triadic Color

#5bfede
```
#5bfede rgb(91,254,222)
```
#5b7bfe
```
#5b7bfe rgb(91,123,254)
```
#fe5b7b
```
#fe5b7b rgb(254,91,123)
```
#fede5b
```
#fede5b rgb(254,222,91)
```

Tetradic Color

#0f3efe
```
#0f3efe rgb(15,62,254)
```
#2852fe
```
#2852fe rgb(40,82,254)
```
#4267fe
```
#4267fe rgb(66,103,254)
```
#5b7bfe
```
#5b7bfe rgb(91,123,254)
```
#748ffe
```
#748ffe rgb(116,143,254)
```
#8ea4fe
```
#8ea4fe rgb(142,164,254)
```
#a7b8fe
```
#a7b8fe rgb(167,184,254)
```

Monochromatic Color

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

#5ba4fe
```
#5ba4fe rgb(91,164,254)
```
#5b96fe
```
#5b96fe rgb(91,150,254)
```
#5b89fe
```
#5b89fe rgb(91,137,254)
```
#5b7bfe
```
#5b7bfe rgb(91,123,254)
```
#5b6dfe
```
#5b6dfe rgb(91,109,254)
```
#5b60fe
```
#5b60fe rgb(91,96,254)
```
#645bfe
```
#645bfe rgb(100,91,254)
```

Similar Colors

Text with hexadecimal color #5b7bfe

This text has a font color of #5b7bfe.

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

#5b7bfe background color

This paragraph has a background color of #5b7bfe.

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

#5b7bfe border color

This element has a border color of #5b7bfe.

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

CSS codes

.text {color:#5b7bfe;}

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

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

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, #00020b is the darkest color, while #f7f9ff is the lightest one.

#00020b
```
#00020b rgb(0,2,11)
```
#00061f
```
#00061f rgb(0,6,31)
```
#000a32
```
#000a32 rgb(0,10,50)
```
#000e46
```
#000e46 rgb(0,14,70)
```
#011259
```
#011259 rgb(1,18,89)
```
#01166d
```
#01166d rgb(1,22,109)
```
#011a80
```
#011a80 rgb(1,26,128)
```
#011e94
```
#011e94 rgb(1,30,148)
```
#0122a7
```
#0122a7 rgb(1,34,167)
```
#0126bb
```
#0126bb rgb(1,38,187)
```
#012ace
```
#012ace rgb(1,42,206)
```
#012de2
```
#012de2 rgb(1,45,226)
```
#0131f5
```
#0131f5 rgb(1,49,245)
```

Shade Color Variation

#0d3cfe
```
#0d3cfe rgb(13,60,254)
```
#214cfe
```
#214cfe rgb(33,76,254)
```
#345cfe
```
#345cfe rgb(52,92,254)
```
#486bfe
```
#486bfe rgb(72,107,254)
```
#5b7bfe
```
#5b7bfe rgb(91,123,254)
```
#6e8bfe
```
#6e8bfe rgb(110,139,254)
```
#829afe
```
#829afe rgb(130,154,254)
```
#95aafe
```
#95aafe rgb(149,170,254)
```
#a9bafe
```
#a9bafe rgb(169,186,254)
```
#bcc9ff
```
#bcc9ff rgb(188,201,255)
```
#d0d9ff
```
#d0d9ff rgb(208,217,255)
```
#e3e9ff
```
#e3e9ff rgb(227,233,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#a7a9b2
```
#a7a9b2 rgb(167,169,178)
```
#a1a5b8
```
#a1a5b8 rgb(161,165,184)
```
#9aa2bf
```
#9aa2bf rgb(154,162,191)
```
#949ec5
```
#949ec5 rgb(148,158,197)
```
#8e9acb
```
#8e9acb rgb(142,154,203)
```
#8796d2
```
#8796d2 rgb(135,150,210)
```
#8192d8
```
#8192d8 rgb(129,146,216)
```
#7b8ede
```
#7b8ede rgb(123,142,222)
```
#748ae5
```
#748ae5 rgb(116,138,229)
```
#6e87eb
```
#6e87eb rgb(110,135,235)
```
#6883f1
```
#6883f1 rgb(104,131,241)
```
#617ff8
```
#617ff8 rgb(97,127,248)
```
#5b7bfe
```
#5b7bfe rgb(91,123,254)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#797f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3987ff Protanopia 1% of men
#008eea Deuteranopia 1% of men
#0099a4 Tritanopia 0.001% of the population

Trichromacy

#4583fe Protanomaly 1% of men, 0.01% of women
#2187f1 Deuteranomaly 6% of men, 0.4% of women
#218ec4 Tritanomaly 0.01% of the population

#5b7bfe hex color

#5b7bfe Color Information

#5b7bfe Color Conversion

Color Schemes with #5b7bfe

Alternatives to #5b7bfe

#5b7bfe Preview

Shades and Tints of #5b7bfe

Tones of #5b7bfe

Color Blindness Simulator