#5974aa hex color

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

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

● #5974aa color description : Dark moderate blue.

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

Hex triplet	5974aa	`#5974aa`
RGB Decimal	89, 116, 170	`rgb(89,116,170)`
RGB Percent	34.9, 45.5, 66.7	`rgb(34.9%,45.5%,66.7%)`
CMYK	48, 32, 0, 33
HSL	220°, 32.3, 50.8	`hsl(220,32.3%,50.8%)`
HSV (or HSB)	220°, 47.6, 66.7
Web Safe	666699	`#666699`

CIE-LAB	48.904, 5.335, -31.908
XYZ	17.619, 17.516, 40.481
xyY	0.233, 0.232, 17.516
CIE-LCH	48.904, 32.351, 279.492
CIE-LUV	48.904, -14.264, -48.312
Hunter-Lab	41.852, 1.905, -28.05
Binary	01011001, 01110100, 10101010

#5974aa
```
#5974aa rgb(89,116,170)
```
#aa8f59
```
#aa8f59 rgb(170,143,89)
```

Complementary Color

#599daa
```
#599daa rgb(89,157,170)
```
#5974aa
```
#5974aa rgb(89,116,170)
```
#6759aa
```
#6759aa rgb(103,89,170)
```

Analogous Color

#9daa59
```
#9daa59 rgb(157,170,89)
```
#5974aa
```
#5974aa rgb(89,116,170)
```
#aa6759
```
#aa6759 rgb(170,103,89)
```

Split Complementary Color

#74aa59
```
#74aa59 rgb(116,170,89)
```
#5974aa
```
#5974aa rgb(89,116,170)
```
#aa5974
```
#aa5974 rgb(170,89,116)
```

Triadic Color

#59aa8f
```
#59aa8f rgb(89,170,143)
```
#5974aa
```
#5974aa rgb(89,116,170)
```
#aa5974
```
#aa5974 rgb(170,89,116)
```
#aa8f59
```
#aa8f59 rgb(170,143,89)
```

Tetradic Color

#3e5179
```
#3e5179 rgb(62,81,121)
```
#465d8a
```
#465d8a rgb(70,93,138)
```
#4f689a
```
#4f689a rgb(79,104,154)
```
#5974aa
```
#5974aa rgb(89,116,170)
```
#6a82b3
```
#6a82b3 rgb(106,130,179)
```
#7b90bb
```
#7b90bb rgb(123,144,187)
```
#8c9ec4
```
#8c9ec4 rgb(140,158,196)
```

Monochromatic Color

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

#5988aa
```
#5988aa rgb(89,136,170)
```
#5982aa
```
#5982aa rgb(89,130,170)
```
#597baa
```
#597baa rgb(89,123,170)
```
#5974aa
```
#5974aa rgb(89,116,170)
```
#596daa
```
#596daa rgb(89,109,170)
```
#5967aa
```
#5967aa rgb(89,103,170)
```
#5960aa
```
#5960aa rgb(89,96,170)
```

Similar Colors

Text with hexadecimal color #5974aa

This text has a font color of #5974aa.

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

#5974aa background color

This paragraph has a background color of #5974aa.

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

#5974aa border color

This element has a border color of #5974aa.

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

CSS codes

.text {color:#5974aa;}

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

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

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)
```
#080b10
```
#080b10 rgb(8,11,16)
```
#0f131d
```
#0f131d rgb(15,19,29)
```
#151c2a
```
#151c2a rgb(21,28,42)
```
#1c2537
```
#1c2537 rgb(28,37,55)
```
#232e44
```
#232e44 rgb(35,46,68)
```
#293650
```
#293650 rgb(41,54,80)
```
#303f5d
```
#303f5d rgb(48,63,93)
```
#36486a
```
#36486a rgb(54,72,106)
```
#3d5177
```
#3d5177 rgb(61,81,119)
```
#445984
```
#445984 rgb(68,89,132)
```
#4a6291
```
#4a6291 rgb(74,98,145)
```
#516b9e
```
#516b9e rgb(81,107,158)
```

Shade Color Variation

#5974aa
```
#5974aa rgb(89,116,170)
```
#667fb1
```
#667fb1 rgb(102,127,177)
```
#738ab7
```
#738ab7 rgb(115,138,183)
```
#8095be
```
#8095be rgb(128,149,190)
```
#8d9fc5
```
#8d9fc5 rgb(141,159,197)
```
#9aaacb
```
#9aaacb rgb(154,170,203)
```
#a7b5d2
```
#a7b5d2 rgb(167,181,210)
```
#b4c0d8
```
#b4c0d8 rgb(180,192,216)
```
#c1cbdf
```
#c1cbdf rgb(193,203,223)
```
#ced6e6
```
#ced6e6 rgb(206,214,230)
```
#dbe1ec
```
#dbe1ec rgb(219,225,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 #0c5af7 is the most saturated one.

#808183
```
#808183 rgb(128,129,131)
```
#767e8d
```
#767e8d rgb(118,126,141)
```
#6c7a97
```
#6c7a97 rgb(108,122,151)
```
#6377a0
```
#6377a0 rgb(99,119,160)
```
#5974aa
```
#5974aa rgb(89,116,170)
```
#4f71b4
```
#4f71b4 rgb(79,113,180)
```
#466ebd
```
#466ebd rgb(70,110,189)
```
#3c6ac7
```
#3c6ac7 rgb(60,106,199)
```
#3267d1
```
#3267d1 rgb(50,103,209)
```
#2964da
```
#2964da rgb(41,100,218)
```
#1f61e4
```
#1f61e4 rgb(31,97,228)
```
#155dee
```
#155dee rgb(21,93,238)
```
#0c5af7
```
#0c5af7 rgb(12,90,247)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6d727d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6979ad Protanopia 1% of men
#647aae Deuteranopia 1% of men
#54828b Tritanopia 0.001% of the population

Trichromacy

#6377ac Protanomaly 1% of men, 0.01% of women
#6078ac Deuteranomaly 6% of men, 0.4% of women
#567d96 Tritanomaly 0.01% of the population

#5974aa hex color

#5974aa Color Information

#5974aa Color Conversion

Color Schemes with #5974aa

Alternatives to #5974aa

#5974aa Preview

Shades and Tints of #5974aa

Tones of #5974aa

Color Blindness Simulator