#5b80d4 hex color

In a RGB color space, hex #5b80d4 is composed of 35.7% red, 50.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 39.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 221.7 degrees, a saturation of 58.5% and a lightness of 59.4%. #5b80d4 color hex could be obtained by blending #b6ffff with #0001a9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 50
- B 83
RGB color chart
- C 57
- M 40
- Y 0
- K 17
CMYK color chart

● #5b80d4 color description : Moderate blue.

The hexadecimal color #5b80d4 has RGB values of R:91, G:128, B:212 and CMYK values of C:0.57, M:0.4, Y:0, K:0.17. Its decimal value is 5996756.

Hex triplet	5b80d4	`#5b80d4`
RGB Decimal	91, 128, 212	`rgb(91,128,212)`
RGB Percent	35.7, 50.2, 83.1	`rgb(35.7%,50.2%,83.1%)`
CMYK	57, 40, 0, 17
HSL	221.7°, 58.5, 59.4	`hsl(221.7,58.5%,59.4%)`
HSV (or HSB)	221.7°, 57.1, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.464, 11.929, -47.214
XYZ	23.915, 22.415, 65.35
xyY	0.214, 0.201, 22.415
CIE-LCH	54.464, 48.698, 284.18
CIE-LUV	54.464, -18.302, -74.789
Hunter-Lab	47.344, 7.312, -48.698
Binary	01011011, 10000000, 11010100

#5b80d4
```
#5b80d4 rgb(91,128,212)
```
#d4af5b
```
#d4af5b rgb(212,175,91)
```

Complementary Color

#5bbdd4
```
#5bbdd4 rgb(91,189,212)
```
#5b80d4
```
#5b80d4 rgb(91,128,212)
```
#735bd4
```
#735bd4 rgb(115,91,212)
```

Analogous Color

#bdd45b
```
#bdd45b rgb(189,212,91)
```
#5b80d4
```
#5b80d4 rgb(91,128,212)
```
#d4735b
```
#d4735b rgb(212,115,91)
```

Split Complementary Color

#80d45b
```
#80d45b rgb(128,212,91)
```
#5b80d4
```
#5b80d4 rgb(91,128,212)
```
#d45b80
```
#d45b80 rgb(212,91,128)
```

Triadic Color

#5bd4af
```
#5bd4af rgb(91,212,175)
```
#5b80d4
```
#5b80d4 rgb(91,128,212)
```
#d45b80
```
#d45b80 rgb(212,91,128)
```
#d4af5b
```
#d4af5b rgb(212,175,91)
```

Tetradic Color

#2f58b3
```
#2f58b3 rgb(47,88,179)
```
#3461c8
```
#3461c8 rgb(52,97,200)
```
#4770cf
```
#4770cf rgb(71,112,207)
```
#5b80d4
```
#5b80d4 rgb(91,128,212)
```
#6f90d9
```
#6f90d9 rgb(111,144,217)
```
#839fdf
```
#839fdf rgb(131,159,223)
```
#98afe4
```
#98afe4 rgb(152,175,228)
```

Monochromatic Color

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

#5b9ed4
```
#5b9ed4 rgb(91,158,212)
```
#5b94d4
```
#5b94d4 rgb(91,148,212)
```
#5b8ad4
```
#5b8ad4 rgb(91,138,212)
```
#5b80d4
```
#5b80d4 rgb(91,128,212)
```
#5b76d4
```
#5b76d4 rgb(91,118,212)
```
#5b6cd4
```
#5b6cd4 rgb(91,108,212)
```
#5b62d4
```
#5b62d4 rgb(91,98,212)
```

Similar Colors

Text with hexadecimal color #5b80d4

This text has a font color of #5b80d4.

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

#5b80d4 background color

This paragraph has a background color of #5b80d4.

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

#5b80d4 border color

This element has a border color of #5b80d4.

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

CSS codes

.text {color:#5b80d4;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#060b16
```
#060b16 rgb(6,11,22)
```
#0a1326
```
#0a1326 rgb(10,19,38)
```
#0e1a36
```
#0e1a36 rgb(14,26,54)
```
#122245
```
#122245 rgb(18,34,69)
```
#162955
```
#162955 rgb(22,41,85)
```
#1a3164
```
#1a3164 rgb(26,49,100)
```
#1e3874
```
#1e3874 rgb(30,56,116)
```
#224083
```
#224083 rgb(34,64,131)
```
#264893
```
#264893 rgb(38,72,147)
```
#2b4fa2
```
#2b4fa2 rgb(43,79,162)
```
#2f57b2
```
#2f57b2 rgb(47,87,178)
```
#335ec1
```
#335ec1 rgb(51,94,193)
```

Shade Color Variation

#3c68cc
```
#3c68cc rgb(60,104,204)
```
#4b74d0
```
#4b74d0 rgb(75,116,208)
```
#5b80d4
```
#5b80d4 rgb(91,128,212)
```
#6b8cd8
```
#6b8cd8 rgb(107,140,216)
```
#7a98dc
```
#7a98dc rgb(122,152,220)
```
#8aa4e0
```
#8aa4e0 rgb(138,164,224)
```
#99b0e4
```
#99b0e4 rgb(153,176,228)
```
#a9bce8
```
#a9bce8 rgb(169,188,232)
```
#b8c8ec
```
#b8c8ec rgb(184,200,236)
```
#c8d4f1
```
#c8d4f1 rgb(200,212,241)
```
#d7e0f5
```
#d7e0f5 rgb(215,224,245)
```
#e7ecf9
```
#e7ecf9 rgb(231,236,249)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93969c is the less saturated color, while #3371fc is the most saturated one.

#93969c
```
#93969c rgb(147,150,156)
```
#8b93a4
```
#8b93a4 rgb(139,147,164)
```
#838fac
```
#838fac rgb(131,143,172)
```
#7b8cb4
```
#7b8cb4 rgb(123,140,180)
```
#7389bc
```
#7389bc rgb(115,137,188)
```
#6b86c4
```
#6b86c4 rgb(107,134,196)
```
#6383cc
```
#6383cc rgb(99,131,204)
```
#5b80d4
```
#5b80d4 rgb(91,128,212)
```
#537ddc
```
#537ddc rgb(83,125,220)
```
#4b7ae4
```
#4b7ae4 rgb(75,122,228)
```
#4377ec
```
#4377ec rgb(67,119,236)
```
#3b74f4
```
#3b74f4 rgb(59,116,244)
```
#3371fc
```
#3371fc rgb(51,113,252)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#787f90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6686d5 Protanopia 1% of men
#5489d5 Deuteranopia 1% of men
#45939e Tritanopia 0.001% of the population

Trichromacy

#6283d5 Protanomaly 1% of men, 0.01% of women
#5785d4 Deuteranomaly 6% of men, 0.4% of women
#4d8cb1 Tritanomaly 0.01% of the population

#5b80d4 hex color

#5b80d4 Color Information

#5b80d4 Color Conversion

Color Schemes with #5b80d4

Alternatives to #5b80d4

#5b80d4 Preview

Shades and Tints of #5b80d4

Tones of #5b80d4

Color Blindness Simulator