#5b77fe hex color

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

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

● #5b77fe color description : Soft blue.

The hexadecimal color #5b77fe has RGB values of R:91, G:119, B:254 and CMYK values of C:0.64, M:0.53, Y:0, K:0. Its decimal value is 5994494.

Hex triplet	5b77fe	`#5b77fe`
RGB Decimal	91, 119, 254	`rgb(91,119,254)`
RGB Percent	35.7, 46.7, 99.6	`rgb(35.7%,46.7%,99.6%)`
CMYK	64, 53, 0, 0
HSL	229.7°, 98.8, 67.6	`hsl(229.7,98.8%,67.6%)`
HSV (or HSB)	229.7°, 64.2, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.629, 31.386, -70.404
XYZ	28.797, 22.572, 96.6
xyY	0.195, 0.153, 22.572
CIE-LCH	54.629, 77.083, 294.027
CIE-LUV	54.629, -16.024, -113.07
Hunter-Lab	47.51, 25.051, -87.295
Binary	01011011, 01110111, 11111110

#5b77fe
```
#5b77fe rgb(91,119,254)
```
#fee25b
```
#fee25b rgb(254,226,91)
```

Complementary Color

#5bc9fe
```
#5bc9fe rgb(91,201,254)
```
#5b77fe
```
#5b77fe rgb(91,119,254)
```
#915bfe
```
#915bfe rgb(145,91,254)
```

Analogous Color

#c9fe5b
```
#c9fe5b rgb(201,254,91)
```
#5b77fe
```
#5b77fe rgb(91,119,254)
```
#fe915b
```
#fe915b rgb(254,145,91)
```

Split Complementary Color

#77fe5b
```
#77fe5b rgb(119,254,91)
```
#5b77fe
```
#5b77fe rgb(91,119,254)
```
#fe5b77
```
#fe5b77 rgb(254,91,119)
```

Triadic Color

#5bfee2
```
#5bfee2 rgb(91,254,226)
```
#5b77fe
```
#5b77fe rgb(91,119,254)
```
#fe5b77
```
#fe5b77 rgb(254,91,119)
```
#fee25b
```
#fee25b rgb(254,226,91)
```

Tetradic Color

#0f38fe
```
#0f38fe rgb(15,56,254)
```
#284dfe
```
#284dfe rgb(40,77,254)
```
#4262fe
```
#4262fe rgb(66,98,254)
```
#5b77fe
```
#5b77fe rgb(91,119,254)
```
#748cfe
```
#748cfe rgb(116,140,254)
```
#8ea1fe
```
#8ea1fe rgb(142,161,254)
```
#a7b6fe
```
#a7b6fe rgb(167,182,254)
```

Monochromatic Color

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

#5ba0fe
```
#5ba0fe rgb(91,160,254)
```
#5b92fe
```
#5b92fe rgb(91,146,254)
```
#5b85fe
```
#5b85fe rgb(91,133,254)
```
#5b77fe
```
#5b77fe rgb(91,119,254)
```
#5b69fe
```
#5b69fe rgb(91,105,254)
```
#5b5cfe
```
#5b5cfe rgb(91,92,254)
```
#685bfe
```
#685bfe rgb(104,91,254)
```

Similar Colors

Text with hexadecimal color #5b77fe

This text has a font color of #5b77fe.

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

#5b77fe background color

This paragraph has a background color of #5b77fe.

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

#5b77fe border color

This element has a border color of #5b77fe.

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

CSS codes

.text {color:#5b77fe;}

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

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

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 #f7f8ff is the lightest one.

#00020b
```
#00020b rgb(0,2,11)
```
#00051f
```
#00051f rgb(0,5,31)
```
#000932
```
#000932 rgb(0,9,50)
```
#000c46
```
#000c46 rgb(0,12,70)
```
#011059
```
#011059 rgb(1,16,89)
```
#01136d
```
#01136d rgb(1,19,109)
```
#011780
```
#011780 rgb(1,23,128)
```
#011a94
```
#011a94 rgb(1,26,148)
```
#011ea7
```
#011ea7 rgb(1,30,167)
```
#0121bb
```
#0121bb rgb(1,33,187)
```
#0125ce
```
#0125ce rgb(1,37,206)
```
#0128e2
```
#0128e2 rgb(1,40,226)
```
#012bf5
```
#012bf5 rgb(1,43,245)
```

Shade Color Variation

#0d36fe
```
#0d36fe rgb(13,54,254)
```
#2146fe
```
#2146fe rgb(33,70,254)
```
#3457fe
```
#3457fe rgb(52,87,254)
```
#4867fe
```
#4867fe rgb(72,103,254)
```
#5b77fe
```
#5b77fe rgb(91,119,254)
```
#6e87fe
```
#6e87fe rgb(110,135,254)
```
#8297fe
```
#8297fe rgb(130,151,254)
```
#95a8fe
```
#95a8fe rgb(149,168,254)
```
#a9b8fe
```
#a9b8fe rgb(169,184,254)
```
#bcc8ff
```
#bcc8ff rgb(188,200,255)
```
#d0d8ff
```
#d0d8ff rgb(208,216,255)
```
#e3e8ff
```
#e3e8ff rgb(227,232,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,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 #5b77fe is the most saturated one.

#a7a9b2
```
#a7a9b2 rgb(167,169,178)
```
#a1a5b8
```
#a1a5b8 rgb(161,165,184)
```
#9aa1bf
```
#9aa1bf rgb(154,161,191)
```
#949cc5
```
#949cc5 rgb(148,156,197)
```
#8e98cb
```
#8e98cb rgb(142,152,203)
```
#8794d2
```
#8794d2 rgb(135,148,210)
```
#8190d8
```
#8190d8 rgb(129,144,216)
```
#7b8cde
```
#7b8cde rgb(123,140,222)
```
#7488e5
```
#7488e5 rgb(116,136,229)
```
#6e83eb
```
#6e83eb rgb(110,131,235)
```
#687ff1
```
#687ff1 rgb(104,127,241)
```
#617bf8
```
#617bf8 rgb(97,123,248)
```
#5b77fe
```
#5b77fe rgb(91,119,254)
```

Tone Color Variation

Below, you can see how #5b77fe 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
#777d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d85ff Protanopia 1% of men
#008be5 Deuteranopia 1% of men
#0096a1 Tritanopia 0.001% of the population

Trichromacy

#3d7ffe Protanomaly 1% of men, 0.01% of women
#2184ee Deuteranomaly 6% of men, 0.4% of women
#218bc2 Tritanomaly 0.01% of the population

#5b77fe hex color

#5b77fe Color Information

#5b77fe Color Conversion

Color Schemes with #5b77fe

Alternatives to #5b77fe

#5b77fe Preview

Shades and Tints of #5b77fe

Tones of #5b77fe

Color Blindness Simulator