#5980af hex color

In a RGB color space, hex #5980af is composed of 34.9% red, 50.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 49.1% cyan, 26.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 212.8 degrees, a saturation of 35% and a lightness of 51.8%. #5980af color hex could be obtained by blending #b2ffff with #00015f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 50
- B 69
RGB color chart
- C 49
- M 27
- Y 0
- K 31
CMYK color chart

● #5980af color description : Dark moderate blue.

The hexadecimal color #5980af has RGB values of R:89, G:128, B:175 and CMYK values of C:0.49, M:0.27, Y:0, K:0.31. Its decimal value is 5865647.

Hex triplet	5980af	`#5980af`
RGB Decimal	89, 128, 175	`rgb(89,128,175)`
RGB Percent	34.9, 50.2, 68.6	`rgb(34.9%,50.2%,68.6%)`
CMYK	49, 27, 0, 31
HSL	212.8°, 35, 51.8	`hsl(212.8,35%,51.8%)`
HSV (or HSB)	212.8°, 49.1, 68.6
Web Safe	669999	`#669999`

CIE-LAB	52.571, -0.292, -29.087
XYZ	19.575, 20.656, 43.511
xyY	0.234, 0.247, 20.656
CIE-LCH	52.571, 29.088, 269.425
CIE-LUV	52.571, -18.865, -43.841
Hunter-Lab	45.449, -2.656, -24.947
Binary	01011001, 10000000, 10101111

#5980af
```
#5980af rgb(89,128,175)
```
#af8859
```
#af8859 rgb(175,136,89)
```

Complementary Color

#59abaf
```
#59abaf rgb(89,171,175)
```
#5980af
```
#5980af rgb(89,128,175)
```
#5d59af
```
#5d59af rgb(93,89,175)
```

Analogous Color

#abaf59
```
#abaf59 rgb(171,175,89)
```
#5980af
```
#5980af rgb(89,128,175)
```
#af5d59
```
#af5d59 rgb(175,93,89)
```

Split Complementary Color

#80af59
```
#80af59 rgb(128,175,89)
```
#5980af
```
#5980af rgb(89,128,175)
```
#af5980
```
#af5980 rgb(175,89,128)
```

Triadic Color

#59af88
```
#59af88 rgb(89,175,136)
```
#5980af
```
#5980af rgb(89,128,175)
```
#af5980
```
#af5980 rgb(175,89,128)
```
#af8859
```
#af8859 rgb(175,136,89)
```

Tetradic Color

#3d5b7f
```
#3d5b7f rgb(61,91,127)
```
#456790
```
#456790 rgb(69,103,144)
```
#4e73a1
```
#4e73a1 rgb(78,115,161)
```
#5980af
```
#5980af rgb(89,128,175)
```
#6a8db7
```
#6a8db7 rgb(106,141,183)
```
#7b9ac0
```
#7b9ac0 rgb(123,154,192)
```
#8da7c8
```
#8da7c8 rgb(141,167,200)
```

Monochromatic Color

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

#5996af
```
#5996af rgb(89,150,175)
```
#598eaf
```
#598eaf rgb(89,142,175)
```
#5987af
```
#5987af rgb(89,135,175)
```
#5980af
```
#5980af rgb(89,128,175)
```
#5979af
```
#5979af rgb(89,121,175)
```
#5972af
```
#5972af rgb(89,114,175)
```
#596baf
```
#596baf rgb(89,107,175)
```

Similar Colors

Text with hexadecimal color #5980af

This text has a font color of #5980af.

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

#5980af background color

This paragraph has a background color of #5980af.

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

#5980af border color

This element has a border color of #5980af.

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

CSS codes

.text {color:#5980af;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#090e13
```
#090e13 rgb(9,14,19)
```
#101721
```
#101721 rgb(16,23,33)
```
#16212e
```
#16212e rgb(22,33,46)
```
#1c2a3b
```
#1c2a3b rgb(28,42,59)
```
#233448
```
#233448 rgb(35,52,72)
```
#293d55
```
#293d55 rgb(41,61,85)
```
#304763
```
#304763 rgb(48,71,99)
```
#365070
```
#365070 rgb(54,80,112)
```
#3c5a7d
```
#3c5a7d rgb(60,90,125)
```
#43638a
```
#43638a rgb(67,99,138)
```
#496d98
```
#496d98 rgb(73,109,152)
```
#4f76a5
```
#4f76a5 rgb(79,118,165)
```

Shade Color Variation

#5980af
```
#5980af rgb(89,128,175)
```
#668ab5
```
#668ab5 rgb(102,138,181)
```
#7394bc
```
#7394bc rgb(115,148,188)
```
#819ec2
```
#819ec2 rgb(129,158,194)
```
#8ea9c9
```
#8ea9c9 rgb(142,169,201)
```
#9bb3cf
```
#9bb3cf rgb(155,179,207)
```
#a8bdd5
```
#a8bdd5 rgb(168,189,213)
```
#b6c7dc
```
#b6c7dc rgb(182,199,220)
```
#c3d1e2
```
#c3d1e2 rgb(195,209,226)
```
#d0dbe8
```
#d0dbe8 rgb(208,219,232)
```
#dde5ef
```
#dde5ef rgb(221,229,239)
```
#ebeff5
```
#ebeff5 rgb(235,239,245)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8489 is the less saturated color, while #0d79fb is the most saturated one.

#7f8489
```
#7f8489 rgb(127,132,137)
```
#758393
```
#758393 rgb(117,131,147)
```
#6c829c
```
#6c829c rgb(108,130,156)
```
#6281a6
```
#6281a6 rgb(98,129,166)
```
#5980af
```
#5980af rgb(89,128,175)
```
#507fb8
```
#507fb8 rgb(80,127,184)
```
#467ec2
```
#467ec2 rgb(70,126,194)
```
#3d7dcb
```
#3d7dcb rgb(61,125,203)
```
#337cd5
```
#337cd5 rgb(51,124,213)
```
#2a7cde
```
#2a7cde rgb(42,124,222)
```
#207be8
```
#207be8 rgb(32,123,232)
```
#177af1
```
#177af1 rgb(23,122,241)
```
#0d79fb
```
#0d79fb rgb(13,121,251)
```

Tone Color Variation

Below, you can see how #5980af 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

#7a7a7a Achromatopsia 0.005% of the population
#737b85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7582b0 Protanopia 1% of men
#7182b4 Deuteranopia 1% of men
#568c96 Tritanopia 0.001% of the population

Trichromacy

#6b81af Protanomaly 1% of men, 0.01% of women
#6881b2 Deuteranomaly 6% of men, 0.4% of women
#57879f Tritanomaly 0.01% of the population

#5980af hex color

#5980af Color Information

#5980af Color Conversion

Color Schemes with #5980af

Alternatives to #5980af

#5980af Preview

Shades and Tints of #5980af

Tones of #5980af

Color Blindness Simulator