#5976a5 hex color

In a RGB color space, hex #5976a5 is composed of 34.9% red, 46.3% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 46.1% cyan, 28.5% magenta, 0% yellow and 35.3% black. It has a hue angle of 217.1 degrees, a saturation of 29.9% and a lightness of 49.8%. #5976a5 color hex could be obtained by blending #b2ecff with #00004b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 46
- B 65
RGB color chart
- C 46
- M 28
- Y 0
- K 35
CMYK color chart

● #5976a5 color description : Dark moderate blue.

The hexadecimal color #5976a5 has RGB values of R:89, G:118, B:165 and CMYK values of C:0.46, M:0.28, Y:0, K:0.35. Its decimal value is 5863077.

Hex triplet	5976a5	`#5976a5`
RGB Decimal	89, 118, 165	`rgb(89,118,165)`
RGB Percent	34.9, 46.3, 64.7	`rgb(34.9%,46.3%,64.7%)`
CMYK	46, 28, 0, 35
HSL	217.1°, 29.9, 49.8	`hsl(217.1,29.9%,49.8%)`
HSV (or HSB)	217.1°, 46.1, 64.7
Web Safe	666699	`#666699`

CIE-LAB	49.248, 2.598, -28.455
XYZ	17.388, 17.797, 38.114
xyY	0.237, 0.243, 17.797
CIE-LCH	49.248, 28.573, 275.218
CIE-LUV	49.248, -14.969, -42.631
Hunter-Lab	42.186, -0.251, -24.037
Binary	01011001, 01110110, 10100101

#5976a5
```
#5976a5 rgb(89,118,165)
```
#a58859
```
#a58859 rgb(165,136,89)
```

Complementary Color

#599ca5
```
#599ca5 rgb(89,156,165)
```
#5976a5
```
#5976a5 rgb(89,118,165)
```
#6259a5
```
#6259a5 rgb(98,89,165)
```

Analogous Color

#9ca559
```
#9ca559 rgb(156,165,89)
```
#5976a5
```
#5976a5 rgb(89,118,165)
```
#a56259
```
#a56259 rgb(165,98,89)
```

Split Complementary Color

#76a559
```
#76a559 rgb(118,165,89)
```
#5976a5
```
#5976a5 rgb(89,118,165)
```
#a55976
```
#a55976 rgb(165,89,118)
```

Triadic Color

#59a588
```
#59a588 rgb(89,165,136)
```
#5976a5
```
#5976a5 rgb(89,118,165)
```
#a55976
```
#a55976 rgb(165,89,118)
```
#a58859
```
#a58859 rgb(165,136,89)
```

Tetradic Color

#3e5273
```
#3e5273 rgb(62,82,115)
```
#475e84
```
#475e84 rgb(71,94,132)
```
#506a94
```
#506a94 rgb(80,106,148)
```
#5976a5
```
#5976a5 rgb(89,118,165)
```
#6984ae
```
#6984ae rgb(105,132,174)
```
#7a91b7
```
#7a91b7 rgb(122,145,183)
```
#8a9fc0
```
#8a9fc0 rgb(138,159,192)
```

Monochromatic Color

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

#5989a5
```
#5989a5 rgb(89,137,165)
```
#5983a5
```
#5983a5 rgb(89,131,165)
```
#597ca5
```
#597ca5 rgb(89,124,165)
```
#5976a5
```
#5976a5 rgb(89,118,165)
```
#5970a5
```
#5970a5 rgb(89,112,165)
```
#5969a5
```
#5969a5 rgb(89,105,165)
```
#5963a5
```
#5963a5 rgb(89,99,165)
```

Similar Colors

Text with hexadecimal color #5976a5

This text has a font color of #5976a5.

<span style="color:#5976a5;">Text here</span>

#5976a5 background color

This paragraph has a background color of #5976a5.

<p style="background-color:#5976a5;">Content here</p>

#5976a5 border color

This element has a border color of #5976a5.

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

CSS codes

.text {color:#5976a5;}

.background {background-color:#5976a5;}

.border {border:1px solid #5976a5;}

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

#07090c
```
#07090c rgb(7,9,12)
```
#0d1219
```
#0d1219 rgb(13,18,25)
```
#141b26
```
#141b26 rgb(20,27,38)
```
#1b2432
```
#1b2432 rgb(27,36,50)
```
#222d3f
```
#222d3f rgb(34,45,63)
```
#29364c
```
#29364c rgb(41,54,76)
```
#303f59
```
#303f59 rgb(48,63,89)
```
#374865
```
#374865 rgb(55,72,101)
```
#3e5272
```
#3e5272 rgb(62,82,114)
```
#445b7f
```
#445b7f rgb(68,91,127)
```
#4b648c
```
#4b648c rgb(75,100,140)
```
#526d98
```
#526d98 rgb(82,109,152)
```
#5976a5
```
#5976a5 rgb(89,118,165)
```

Shade Color Variation

#6580ac
```
#6580ac rgb(101,128,172)
```
#728bb3
```
#728bb3 rgb(114,139,179)
```
#7f95ba
```
#7f95ba rgb(127,149,186)
```
#8ca0c1
```
#8ca0c1 rgb(140,160,193)
```
#98aac8
```
#98aac8 rgb(152,170,200)
```
#a5b5cf
```
#a5b5cf rgb(165,181,207)
```
#b2bfd5
```
#b2bfd5 rgb(178,191,213)
```
#bfcadc
```
#bfcadc rgb(191,202,220)
```
#cbd4e3
```
#cbd4e3 rgb(203,212,227)
```
#d8dfea
```
#d8dfea rgb(216,223,234)
```
#e5e9f1
```
#e5e9f1 rgb(229,233,241)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767d88 is the less saturated color, while #0161fd is the most saturated one.

#767d88
```
#767d88 rgb(118,125,136)
```
#6d7b91
```
#6d7b91 rgb(109,123,145)
```
#63789b
```
#63789b rgb(99,120,155)
```
#5976a5
```
#5976a5 rgb(89,118,165)
```
#4f74af
```
#4f74af rgb(79,116,175)
```
#4571b9
```
#4571b9 rgb(69,113,185)
```
#3c6fc2
```
#3c6fc2 rgb(60,111,194)
```
#326dcc
```
#326dcc rgb(50,109,204)
```
#286ad6
```
#286ad6 rgb(40,106,214)
```
#1e68e0
```
#1e68e0 rgb(30,104,224)
```
#1566e9
```
#1566e9 rgb(21,102,233)
```
#0b63f3
```
#0b63f3 rgb(11,99,243)
```
#0161fd
```
#0161fd rgb(1,97,253)
```

Tone Color Variation

Below, you can see how #5976a5 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

#737373 Achromatopsia 0.005% of the population
#6e747d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7aa7 Protanopia 1% of men
#6a7baa Deuteranopia 1% of men
#57828c Tritanopia 0.001% of the population

Trichromacy

#6678a6 Protanomaly 1% of men, 0.01% of women
#6379a8 Deuteranomaly 6% of men, 0.4% of women
#577e95 Tritanomaly 0.01% of the population

#5976a5 hex color

#5976a5 Color Information

#5976a5 Color Conversion

Color Schemes with #5976a5

Alternatives to #5976a5

#5976a5 Preview

Shades and Tints of #5976a5

Tones of #5976a5

Color Blindness Simulator