#5b80c8 hex color

In a RGB color space, hex #5b80c8 is composed of 35.7% red, 50.2% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 36% magenta, 0% yellow and 21.6% black. It has a hue angle of 219.6 degrees, a saturation of 49.8% and a lightness of 57.1%. #5b80c8 color hex could be obtained by blending #b6ffff with #000191. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 50
- B 78
RGB color chart
- C 55
- M 36
- Y 0
- K 22
CMYK color chart

● #5b80c8 color description : Moderate blue.

The hexadecimal color #5b80c8 has RGB values of R:91, G:128, B:200 and CMYK values of C:0.55, M:0.36, Y:0, K:0.22. Its decimal value is 5996744.

Hex triplet	5b80c8	`#5b80c8`
RGB Decimal	91, 128, 200	`rgb(91,128,200)`
RGB Percent	35.7, 50.2, 78.4	`rgb(35.7%,50.2%,78.4%)`
CMYK	55, 36, 0, 22
HSL	219.6°, 49.8, 57.1	`hsl(219.6,49.8%,57.1%)`
HSV (or HSB)	219.6°, 54.5, 78.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.848, 8.037, -41.392
XYZ	22.457, 21.831, 57.671
xyY	0.22, 0.214, 21.831
CIE-LCH	53.848, 42.165, 280.988
CIE-LUV	53.848, -18.248, -64.828
Hunter-Lab	46.724, 4.024, -40.474
Binary	01011011, 10000000, 11001000

#5b80c8
```
#5b80c8 rgb(91,128,200)
```
#c8a35b
```
#c8a35b rgb(200,163,91)
```

Complementary Color

#5bb7c8
```
#5bb7c8 rgb(91,183,200)
```
#5b80c8
```
#5b80c8 rgb(91,128,200)
```
#6d5bc8
```
#6d5bc8 rgb(109,91,200)
```

Analogous Color

#b7c85b
```
#b7c85b rgb(183,200,91)
```
#5b80c8
```
#5b80c8 rgb(91,128,200)
```
#c86d5b
```
#c86d5b rgb(200,109,91)
```

Split Complementary Color

#80c85b
```
#80c85b rgb(128,200,91)
```
#5b80c8
```
#5b80c8 rgb(91,128,200)
```
#c85b80
```
#c85b80 rgb(200,91,128)
```

Triadic Color

#5bc8a3
```
#5bc8a3 rgb(91,200,163)
```
#5b80c8
```
#5b80c8 rgb(91,128,200)
```
#c85b80
```
#c85b80 rgb(200,91,128)
```
#c8a35b
```
#c8a35b rgb(200,163,91)
```

Tetradic Color

#365aa1
```
#365aa1 rgb(54,90,161)
```
#3c65b4
```
#3c65b4 rgb(60,101,180)
```
#4871c2
```
#4871c2 rgb(72,113,194)
```
#5b80c8
```
#5b80c8 rgb(91,128,200)
```
#6e8fce
```
#6e8fce rgb(110,143,206)
```
#819ed5
```
#819ed5 rgb(129,158,213)
```
#94acdb
```
#94acdb rgb(148,172,219)
```

Monochromatic Color

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

#5b9bc8
```
#5b9bc8 rgb(91,155,200)
```
#5b92c8
```
#5b92c8 rgb(91,146,200)
```
#5b89c8
```
#5b89c8 rgb(91,137,200)
```
#5b80c8
```
#5b80c8 rgb(91,128,200)
```
#5b77c8
```
#5b77c8 rgb(91,119,200)
```
#5b6ec8
```
#5b6ec8 rgb(91,110,200)
```
#5b65c8
```
#5b65c8 rgb(91,101,200)
```

Similar Colors

Text with hexadecimal color #5b80c8

This text has a font color of #5b80c8.

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

#5b80c8 background color

This paragraph has a background color of #5b80c8.

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

#5b80c8 border color

This element has a border color of #5b80c8.

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

CSS codes

.text {color:#5b80c8;}

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

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

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, #04070c is the darkest color, while #fdfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#090f1b
```
#090f1b rgb(9,15,27)
```
#0e172a
```
#0e172a rgb(14,23,42)
```
#132038
```
#132038 rgb(19,32,56)
```
#182847
```
#182847 rgb(24,40,71)
```
#1d3056
```
#1d3056 rgb(29,48,86)
```
#223864
```
#223864 rgb(34,56,100)
```
#274173
```
#274173 rgb(39,65,115)
```
#2c4982
```
#2c4982 rgb(44,73,130)
```
#305190
```
#305190 rgb(48,81,144)
```
#35599f
```
#35599f rgb(53,89,159)
```
#3a62ae
```
#3a62ae rgb(58,98,174)
```
#3f6abd
```
#3f6abd rgb(63,106,189)
```

Shade Color Variation

#4c75c3
```
#4c75c3 rgb(76,117,195)
```
#5b80c8
```
#5b80c8 rgb(91,128,200)
```
#6a8bcd
```
#6a8bcd rgb(106,139,205)
```
#7897d2
```
#7897d2 rgb(120,151,210)
```
#87a2d7
```
#87a2d7 rgb(135,162,215)
```
#96aedc
```
#96aedc rgb(150,174,220)
```
#a4b9e1
```
#a4b9e1 rgb(164,185,225)
```
#b3c4e6
```
#b3c4e6 rgb(179,196,230)
```
#c2d0ea
```
#c2d0ea rgb(194,208,234)
```
#d1dbef
```
#d1dbef rgb(209,219,239)
```
#dfe6f4
```
#dfe6f4 rgb(223,230,244)
```
#eef2f9
```
#eef2f9 rgb(238,242,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9095 is the less saturated color, while #2870fb is the most saturated one.

#8e9095
```
#8e9095 rgb(142,144,149)
```
#858e9e
```
#858e9e rgb(133,142,158)
```
#7d8ba6
```
#7d8ba6 rgb(125,139,166)
```
#7488af
```
#7488af rgb(116,136,175)
```
#6c85b7
```
#6c85b7 rgb(108,133,183)
```
#6383c0
```
#6383c0 rgb(99,131,192)
```
#5b80c8
```
#5b80c8 rgb(91,128,200)
```
#537dd0
```
#537dd0 rgb(83,125,208)
```
#4a7bd9
```
#4a7bd9 rgb(74,123,217)
```
#4278e1
```
#4278e1 rgb(66,120,225)
```
#3975ea
```
#3975ea rgb(57,117,234)
```
#3172f2
```
#3172f2 rgb(49,114,242)
```
#2870fb
```
#2870fb rgb(40,112,251)
```

Tone Color Variation

Below, you can see how #5b80c8 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
#767e8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c85c9 Protanopia 1% of men
#6087ca Deuteranopia 1% of men
#4d909b Tritanopia 0.001% of the population

Trichromacy

#6583c9 Protanomaly 1% of men, 0.01% of women
#5e84c9 Deuteranomaly 6% of men, 0.4% of women
#528aab Tritanomaly 0.01% of the population

#5b80c8 hex color

#5b80c8 Color Information

#5b80c8 Color Conversion

Color Schemes with #5b80c8

Alternatives to #5b80c8

#5b80c8 Preview

Shades and Tints of #5b80c8

Tones of #5b80c8

Color Blindness Simulator