#5980c6 hex color

In a RGB color space, hex #5980c6 is composed of 34.9% red, 50.2% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 35.4% magenta, 0% yellow and 22.4% black. It has a hue angle of 218.5 degrees, a saturation of 48.9% and a lightness of 56.3%. #5980c6 color hex could be obtained by blending #b2ffff with #00018d. Closest websafe color is: #6699cc.

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

● #5980c6 color description : Moderate blue.

The hexadecimal color #5980c6 has RGB values of R:89, G:128, B:198 and CMYK values of C:0.55, M:0.35, Y:0, K:0.22. Its decimal value is 5865670.

Hex triplet	5980c6	`#5980c6`
RGB Decimal	89, 128, 198	`rgb(89,128,198)`
RGB Percent	34.9, 50.2, 77.6	`rgb(34.9%,50.2%,77.6%)`
CMYK	55, 35, 0, 22
HSL	218.5°, 48.9, 56.3	`hsl(218.5,48.9%,56.3%)`
HSV (or HSB)	218.5°, 55.1, 77.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.641, 6.957, -40.587
XYZ	22.03, 21.638, 56.439
xyY	0.22, 0.216, 21.638
CIE-LCH	53.641, 41.179, 279.726
CIE-LUV	53.641, -18.856, -63.364
Hunter-Lab	46.517, 3.131, -39.374
Binary	01011001, 10000000, 11000110

#5980c6
```
#5980c6 rgb(89,128,198)
```
#c69f59
```
#c69f59 rgb(198,159,89)
```

Complementary Color

#59b7c6
```
#59b7c6 rgb(89,183,198)
```
#5980c6
```
#5980c6 rgb(89,128,198)
```
#6959c6
```
#6959c6 rgb(105,89,198)
```

Analogous Color

#b7c659
```
#b7c659 rgb(183,198,89)
```
#5980c6
```
#5980c6 rgb(89,128,198)
```
#c66959
```
#c66959 rgb(198,105,89)
```

Split Complementary Color

#80c659
```
#80c659 rgb(128,198,89)
```
#5980c6
```
#5980c6 rgb(89,128,198)
```
#c65980
```
#c65980 rgb(198,89,128)
```

Triadic Color

#59c69f
```
#59c69f rgb(89,198,159)
```
#5980c6
```
#5980c6 rgb(89,128,198)
```
#c65980
```
#c65980 rgb(198,89,128)
```
#c69f59
```
#c69f59 rgb(198,159,89)
```

Tetradic Color

#365b9d
```
#365b9d rgb(54,91,157)
```
#3c66b0
```
#3c66b0 rgb(60,102,176)
```
#4671bf
```
#4671bf rgb(70,113,191)
```
#5980c6
```
#5980c6 rgb(89,128,198)
```
#6c8fcd
```
#6c8fcd rgb(108,143,205)
```
#7f9dd3
```
#7f9dd3 rgb(127,157,211)
```
#92acda
```
#92acda rgb(146,172,218)
```

Monochromatic Color

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

#599bc6
```
#599bc6 rgb(89,155,198)
```
#5992c6
```
#5992c6 rgb(89,146,198)
```
#5989c6
```
#5989c6 rgb(89,137,198)
```
#5980c6
```
#5980c6 rgb(89,128,198)
```
#5977c6
```
#5977c6 rgb(89,119,198)
```
#596ec6
```
#596ec6 rgb(89,110,198)
```
#5965c6
```
#5965c6 rgb(89,101,198)
```

Similar Colors

Text with hexadecimal color #5980c6

This text has a font color of #5980c6.

<span style="color:#5980c6;">Text here</span>

#5980c6 background color

This paragraph has a background color of #5980c6.

<p style="background-color:#5980c6;">Content here</p>

#5980c6 border color

This element has a border color of #5980c6.

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

CSS codes

.text {color:#5980c6;}

.background {background-color:#5980c6;}

.border {border:1px solid #5980c6;}

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

#030509
```
#030509 rgb(3,5,9)
```
#080e18
```
#080e18 rgb(8,14,24)
```
#0d1626
```
#0d1626 rgb(13,22,38)
```
#121f35
```
#121f35 rgb(18,31,53)
```
#172744
```
#172744 rgb(23,39,68)
```
#1c3052
```
#1c3052 rgb(28,48,82)
```
#213861
```
#213861 rgb(33,56,97)
```
#26406f
```
#26406f rgb(38,64,111)
```
#2b497e
```
#2b497e rgb(43,73,126)
```
#30518d
```
#30518d rgb(48,81,141)
```
#355a9b
```
#355a9b rgb(53,90,155)
```
#3a62aa
```
#3a62aa rgb(58,98,170)
```
#3f6bb8
```
#3f6bb8 rgb(63,107,184)
```

Shade Color Variation

#4a75c1
```
#4a75c1 rgb(74,117,193)
```
#5980c6
```
#5980c6 rgb(89,128,198)
```
#688bcb
```
#688bcb rgb(104,139,203)
```
#7696d0
```
#7696d0 rgb(118,150,208)
```
#85a2d5
```
#85a2d5 rgb(133,162,213)
```
#93adda
```
#93adda rgb(147,173,218)
```
#a2b8df
```
#a2b8df rgb(162,184,223)
```
#b1c3e4
```
#b1c3e4 rgb(177,195,228)
```
#bfcee9
```
#bfcee9 rgb(191,206,233)
```
#ced9ee
```
#ced9ee rgb(206,217,238)
```
#dce5f3
```
#dce5f3 rgb(220,229,243)
```
#ebf0f8
```
#ebf0f8 rgb(235,240,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#8c8f93
```
#8c8f93 rgb(140,143,147)
```
#848c9b
```
#848c9b rgb(132,140,155)
```
#7b8aa4
```
#7b8aa4 rgb(123,138,164)
```
#7387ac
```
#7387ac rgb(115,135,172)
```
#6a85b5
```
#6a85b5 rgb(106,133,181)
```
#6282bd
```
#6282bd rgb(98,130,189)
```
#5980c6
```
#5980c6 rgb(89,128,198)
```
#507ecf
```
#507ecf rgb(80,126,207)
```
#487bd7
```
#487bd7 rgb(72,123,215)
```
#3f79e0
```
#3f79e0 rgb(63,121,224)
```
#3776e8
```
#3776e8 rgb(55,118,232)
```
#2e74f1
```
#2e74f1 rgb(46,116,241)
```
#2671f9
```
#2671f9 rgb(38,113,249)
```

Tone Color Variation

Below, you can see how #5980c6 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
#757d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c84c7 Protanopia 1% of men
#6186c8 Deuteranopia 1% of men
#4b909b Tritanopia 0.001% of the population

Trichromacy

#6582c6 Protanomaly 1% of men, 0.01% of women
#5e84c7 Deuteranomaly 6% of men, 0.4% of women
#508aaa Tritanomaly 0.01% of the population

#5980c6 hex color

#5980c6 Color Information

#5980c6 Color Conversion

Color Schemes with #5980c6

Alternatives to #5980c6

#5980c6 Preview

Shades and Tints of #5980c6

Tones of #5980c6

Color Blindness Simulator