#5972aa hex color

In a RGB color space, hex #5972aa is composed of 34.9% red, 44.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 32.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 221.5 degrees, a saturation of 32.3% and a lightness of 50.8%. #5972aa color hex could be obtained by blending #b2e4ff with #000055. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 45
- B 67
RGB color chart
- C 48
- M 33
- Y 0
- K 33
CMYK color chart

● #5972aa color description : Dark moderate blue.

The hexadecimal color #5972aa has RGB values of R:89, G:114, B:170 and CMYK values of C:0.48, M:0.33, Y:0, K:0.33. Its decimal value is 5862058.

Hex triplet	5972aa	`#5972aa`
RGB Decimal	89, 114, 170	`rgb(89,114,170)`
RGB Percent	34.9, 44.7, 66.7	`rgb(34.9%,44.7%,66.7%)`
CMYK	48, 33, 0, 33
HSL	221.5°, 32.3, 50.8	`hsl(221.5,32.3%,50.8%)`
HSV (or HSB)	221.5°, 47.6, 66.7
Web Safe	666699	`#666699`

CIE-LAB	48.336, 6.549, -32.797
XYZ	17.391, 17.06, 40.405
xyY	0.232, 0.228, 17.06
CIE-LCH	48.336, 33.445, 281.293
CIE-LUV	48.336, -13.513, -49.728
Hunter-Lab	41.304, 2.877, -29.086
Binary	01011001, 01110010, 10101010

#5972aa
```
#5972aa rgb(89,114,170)
```
#aa9159
```
#aa9159 rgb(170,145,89)
```

Complementary Color

#599baa
```
#599baa rgb(89,155,170)
```
#5972aa
```
#5972aa rgb(89,114,170)
```
#6959aa
```
#6959aa rgb(105,89,170)
```

Analogous Color

#9baa59
```
#9baa59 rgb(155,170,89)
```
#5972aa
```
#5972aa rgb(89,114,170)
```
#aa6959
```
#aa6959 rgb(170,105,89)
```

Split Complementary Color

#72aa59
```
#72aa59 rgb(114,170,89)
```
#5972aa
```
#5972aa rgb(89,114,170)
```
#aa5972
```
#aa5972 rgb(170,89,114)
```

Triadic Color

#59aa91
```
#59aa91 rgb(89,170,145)
```
#5972aa
```
#5972aa rgb(89,114,170)
```
#aa5972
```
#aa5972 rgb(170,89,114)
```
#aa9159
```
#aa9159 rgb(170,145,89)
```

Tetradic Color

#3e5079
```
#3e5079 rgb(62,80,121)
```
#465b8a
```
#465b8a rgb(70,91,138)
```
#4f669a
```
#4f669a rgb(79,102,154)
```
#5972aa
```
#5972aa rgb(89,114,170)
```
#6a80b3
```
#6a80b3 rgb(106,128,179)
```
#7b8fbb
```
#7b8fbb rgb(123,143,187)
```
#8c9dc4
```
#8c9dc4 rgb(140,157,196)
```

Monochromatic Color

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

#5986aa
```
#5986aa rgb(89,134,170)
```
#5980aa
```
#5980aa rgb(89,128,170)
```
#5979aa
```
#5979aa rgb(89,121,170)
```
#5972aa
```
#5972aa rgb(89,114,170)
```
#596baa
```
#596baa rgb(89,107,170)
```
#5965aa
```
#5965aa rgb(89,101,170)
```
#595eaa
```
#595eaa rgb(89,94,170)
```

Similar Colors

Text with hexadecimal color #5972aa

This text has a font color of #5972aa.

<span style="color:#5972aa;">Text here</span>

#5972aa background color

This paragraph has a background color of #5972aa.

<p style="background-color:#5972aa;">Content here</p>

#5972aa border color

This element has a border color of #5972aa.

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

CSS codes

.text {color:#5972aa;}

.background {background-color:#5972aa;}

.border {border:1px solid #5972aa;}

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

#010203
```
#010203 rgb(1,2,3)
```
#080a10
```
#080a10 rgb(8,10,16)
```
#0f131d
```
#0f131d rgb(15,19,29)
```
#151c2a
```
#151c2a rgb(21,28,42)
```
#1c2437
```
#1c2437 rgb(28,36,55)
```
#232d44
```
#232d44 rgb(35,45,68)
```
#293550
```
#293550 rgb(41,53,80)
```
#303e5d
```
#303e5d rgb(48,62,93)
```
#36476a
```
#36476a rgb(54,71,106)
```
#3d4f77
```
#3d4f77 rgb(61,79,119)
```
#445884
```
#445884 rgb(68,88,132)
```
#4a6091
```
#4a6091 rgb(74,96,145)
```
#51699e
```
#51699e rgb(81,105,158)
```

Shade Color Variation

#5972aa
```
#5972aa rgb(89,114,170)
```
#667db1
```
#667db1 rgb(102,125,177)
```
#7388b7
```
#7388b7 rgb(115,136,183)
```
#8093be
```
#8093be rgb(128,147,190)
```
#8d9ec5
```
#8d9ec5 rgb(141,158,197)
```
#9aa9cb
```
#9aa9cb rgb(154,169,203)
```
#a7b4d2
```
#a7b4d2 rgb(167,180,210)
```
#b4bfd8
```
#b4bfd8 rgb(180,191,216)
```
#c1cadf
```
#c1cadf rgb(193,202,223)
```
#ced5e6
```
#ced5e6 rgb(206,213,230)
```
#dbe0ec
```
#dbe0ec rgb(219,224,236)
```
#e8ebf3
```
#e8ebf3 rgb(232,235,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

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

#808183
```
#808183 rgb(128,129,131)
```
#767d8d
```
#767d8d rgb(118,125,141)
```
#6c7997
```
#6c7997 rgb(108,121,151)
```
#6376a0
```
#6376a0 rgb(99,118,160)
```
#5972aa
```
#5972aa rgb(89,114,170)
```
#4f6eb4
```
#4f6eb4 rgb(79,110,180)
```
#466bbd
```
#466bbd rgb(70,107,189)
```
#3c67c7
```
#3c67c7 rgb(60,103,199)
```
#3263d1
```
#3263d1 rgb(50,99,209)
```
#2960da
```
#2960da rgb(41,96,218)
```
#1f5ce4
```
#1f5ce4 rgb(31,92,228)
```
#1558ee
```
#1558ee rgb(21,88,238)
```
#0c54f7
```
#0c54f7 rgb(12,84,247)
```

Tone Color Variation

Below, you can see how #5972aa 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

#717171 Achromatopsia 0.005% of the population
#6c717c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6678ad Protanopia 1% of men
#6179ae Deuteranopia 1% of men
#54808a Tritanopia 0.001% of the population

Trichromacy

#6176ac Protanomaly 1% of men, 0.01% of women
#5e76ac Deuteranomaly 6% of men, 0.4% of women
#557b95 Tritanomaly 0.01% of the population

#5972aa hex color

#5972aa Color Information

#5972aa Color Conversion

Color Schemes with #5972aa

Alternatives to #5972aa

#5972aa Preview

Shades and Tints of #5972aa

Tones of #5972aa

Color Blindness Simulator