#5d80b6 hex color

In a RGB color space, hex #5d80b6 is composed of 36.5% red, 50.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 29.7% magenta, 0% yellow and 28.6% black. It has a hue angle of 216.4 degrees, a saturation of 37.9% and a lightness of 53.9%. #5d80b6 color hex could be obtained by blending #baffff with #00016d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 50
- B 71
RGB color chart
- C 49
- M 30
- Y 0
- K 29
CMYK color chart

● #5d80b6 color description : Slightly desaturated blue.

The hexadecimal color #5d80b6 has RGB values of R:93, G:128, B:182 and CMYK values of C:0.49, M:0.3, Y:0, K:0.29. Its decimal value is 6127798.

Hex triplet	5d80b6	`#5d80b6`
RGB Decimal	93, 128, 182	`rgb(93,128,182)`
RGB Percent	36.5, 50.2, 71.4	`rgb(36.5%,50.2%,71.4%)`
CMYK	49, 30, 0, 29
HSL	216.4°, 37.9, 53.9	`hsl(216.4,37.9%,53.9%)`
HSV (or HSB)	216.4°, 48.9, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.104, 2.84, -32.267
XYZ	20.675, 21.142, 47.245
xyY	0.232, 0.237, 21.142
CIE-LCH	53.104, 32.391, 275.03
CIE-LUV	53.104, -17.523, -49.391
Hunter-Lab	45.98, -0.203, -28.734
Binary	01011101, 10000000, 10110110

#5d80b6
```
#5d80b6 rgb(93,128,182)
```
#b6935d
```
#b6935d rgb(182,147,93)
```

Complementary Color

#5dadb6
```
#5dadb6 rgb(93,173,182)
```
#5d80b6
```
#5d80b6 rgb(93,128,182)
```
#675db6
```
#675db6 rgb(103,93,182)
```

Analogous Color

#adb65d
```
#adb65d rgb(173,182,93)
```
#5d80b6
```
#5d80b6 rgb(93,128,182)
```
#b6675d
```
#b6675d rgb(182,103,93)
```

Split Complementary Color

#80b65d
```
#80b65d rgb(128,182,93)
```
#5d80b6
```
#5d80b6 rgb(93,128,182)
```
#b65d80
```
#b65d80 rgb(182,93,128)
```

Triadic Color

#5db693
```
#5db693 rgb(93,182,147)
```
#5d80b6
```
#5d80b6 rgb(93,128,182)
```
#b65d80
```
#b65d80 rgb(182,93,128)
```
#b6935d
```
#b6935d rgb(182,147,93)
```

Tetradic Color

#3e5b89
```
#3e5b89 rgb(62,91,137)
```
#46679a
```
#46679a rgb(70,103,154)
```
#4e73ac
```
#4e73ac rgb(78,115,172)
```
#5d80b6
```
#5d80b6 rgb(93,128,182)
```
#6f8ebe
```
#6f8ebe rgb(111,142,190)
```
#809cc6
```
#809cc6 rgb(128,156,198)
```
#92a9ce
```
#92a9ce rgb(146,169,206)
```

Monochromatic Color

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

#5d96b6
```
#5d96b6 rgb(93,150,182)
```
#5d8fb6
```
#5d8fb6 rgb(93,143,182)
```
#5d87b6
```
#5d87b6 rgb(93,135,182)
```
#5d80b6
```
#5d80b6 rgb(93,128,182)
```
#5d79b6
```
#5d79b6 rgb(93,121,182)
```
#5d71b6
```
#5d71b6 rgb(93,113,182)
```
#5d6ab6
```
#5d6ab6 rgb(93,106,182)
```

Similar Colors

Text with hexadecimal color #5d80b6

This text has a font color of #5d80b6.

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

#5d80b6 background color

This paragraph has a background color of #5d80b6.

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

#5d80b6 border color

This element has a border color of #5d80b6.

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

CSS codes

.text {color:#5d80b6;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#06090e
```
#06090e rgb(6,9,14)
```
#0c121b
```
#0c121b rgb(12,18,27)
```
#121b29
```
#121b29 rgb(18,27,41)
```
#182436
```
#182436 rgb(24,36,54)
```
#1f2d44
```
#1f2d44 rgb(31,45,68)
```
#253651
```
#253651 rgb(37,54,81)
```
#2b3f5f
```
#2b3f5f rgb(43,63,95)
```
#31486c
```
#31486c rgb(49,72,108)
```
#37517a
```
#37517a rgb(55,81,122)
```
#3d5a87
```
#3d5a87 rgb(61,90,135)
```
#436395
```
#436395 rgb(67,99,149)
```
#496ca3
```
#496ca3 rgb(73,108,163)
```

Shade Color Variation

#4f75b0
```
#4f75b0 rgb(79,117,176)
```
#5d80b6
```
#5d80b6 rgb(93,128,182)
```
#6b8bbc
```
#6b8bbc rgb(107,139,188)
```
#7895c2
```
#7895c2 rgb(120,149,194)
```
#86a0c8
```
#86a0c8 rgb(134,160,200)
```
#93aace
```
#93aace rgb(147,170,206)
```
#a1b5d4
```
#a1b5d4 rgb(161,181,212)
```
#aec0db
```
#aec0db rgb(174,192,219)
```
#bccae1
```
#bccae1 rgb(188,202,225)
```
#c9d5e7
```
#c9d5e7 rgb(201,213,231)
```
#d7dfed
```
#d7dfed rgb(215,223,237)
```
#e4eaf3
```
#e4eaf3 rgb(228,234,243)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```

Tint Color Variation

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

#818892
```
#818892 rgb(129,136,146)
```
#78869b
```
#78869b rgb(120,134,155)
```
#6f84a4
```
#6f84a4 rgb(111,132,164)
```
#6682ad
```
#6682ad rgb(102,130,173)
```
#5d80b6
```
#5d80b6 rgb(93,128,182)
```
#547ebf
```
#547ebf rgb(84,126,191)
```
#4b7cc8
```
#4b7cc8 rgb(75,124,200)
```
#427ad1
```
#427ad1 rgb(66,122,209)
```
#3978da
```
#3978da rgb(57,120,218)
```
#3076e3
```
#3076e3 rgb(48,118,227)
```
#2774ec
```
#2774ec rgb(39,116,236)
```
#1e72f5
```
#1e72f5 rgb(30,114,245)
```
#1571fe
```
#1571fe rgb(21,113,254)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#767d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7383b7 Protanopia 1% of men
#6e84ba Deuteranopia 1% of men
#588d97 Tritanopia 0.001% of the population

Trichromacy

#6b82b7 Protanomaly 1% of men, 0.01% of women
#6882b8 Deuteranomaly 6% of men, 0.4% of women
#5988a2 Tritanomaly 0.01% of the population

#5d80b6 hex color

#5d80b6 Color Information

#5d80b6 Color Conversion

Color Schemes with #5d80b6

Alternatives to #5d80b6

#5d80b6 Preview

Shades and Tints of #5d80b6

Tones of #5d80b6

Color Blindness Simulator