#5970a5 hex color

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

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

● #5970a5 color description : Dark moderate blue.

The hexadecimal color #5970a5 has RGB values of R:89, G:112, B:165 and CMYK values of C:0.46, M:0.32, Y:0, K:0.35. Its decimal value is 5861541.

Hex triplet	5970a5	`#5970a5`
RGB Decimal	89, 112, 165	`rgb(89,112,165)`
RGB Percent	34.9, 43.9, 64.7	`rgb(34.9%,43.9%,64.7%)`
CMYK	46, 32, 0, 35
HSL	221.8°, 29.9, 49.8	`hsl(221.8,29.9%,49.8%)`
HSV (or HSB)	221.8°, 46.1, 64.7
Web Safe	666699	`#666699`

CIE-LAB	47.531, 6.227, -31.134
XYZ	16.704, 16.428, 37.886
xyY	0.235, 0.231, 16.428
CIE-LCH	47.531, 31.75, 281.311
CIE-LUV	47.531, -12.671, -46.916
Hunter-Lab	40.532, 2.634, -27.048
Binary	01011001, 01110000, 10100101

#5970a5
```
#5970a5 rgb(89,112,165)
```
#a58e59
```
#a58e59 rgb(165,142,89)
```

Complementary Color

#5996a5
```
#5996a5 rgb(89,150,165)
```
#5970a5
```
#5970a5 rgb(89,112,165)
```
#6859a5
```
#6859a5 rgb(104,89,165)
```

Analogous Color

#96a559
```
#96a559 rgb(150,165,89)
```
#5970a5
```
#5970a5 rgb(89,112,165)
```
#a56859
```
#a56859 rgb(165,104,89)
```

Split Complementary Color

#70a559
```
#70a559 rgb(112,165,89)
```
#5970a5
```
#5970a5 rgb(89,112,165)
```
#a55970
```
#a55970 rgb(165,89,112)
```

Triadic Color

#59a58e
```
#59a58e rgb(89,165,142)
```
#5970a5
```
#5970a5 rgb(89,112,165)
```
#a55970
```
#a55970 rgb(165,89,112)
```
#a58e59
```
#a58e59 rgb(165,142,89)
```

Tetradic Color

#3e4e73
```
#3e4e73 rgb(62,78,115)
```
#475a84
```
#475a84 rgb(71,90,132)
```
#506594
```
#506594 rgb(80,101,148)
```
#5970a5
```
#5970a5 rgb(89,112,165)
```
#697eae
```
#697eae rgb(105,126,174)
```
#7a8cb7
```
#7a8cb7 rgb(122,140,183)
```
#8a9bc0
```
#8a9bc0 rgb(138,155,192)
```

Monochromatic Color

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

#5983a5
```
#5983a5 rgb(89,131,165)
```
#597da5
```
#597da5 rgb(89,125,165)
```
#5976a5
```
#5976a5 rgb(89,118,165)
```
#5970a5
```
#5970a5 rgb(89,112,165)
```
#596aa5
```
#596aa5 rgb(89,106,165)
```
#5963a5
```
#5963a5 rgb(89,99,165)
```
#595da5
```
#595da5 rgb(89,93,165)
```

Similar Colors

Text with hexadecimal color #5970a5

This text has a font color of #5970a5.

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

#5970a5 background color

This paragraph has a background color of #5970a5.

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

#5970a5 border color

This element has a border color of #5970a5.

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

CSS codes

.text {color:#5970a5;}

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

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

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

#07080c
```
#07080c rgb(7,8,12)
```
#0d1119
```
#0d1119 rgb(13,17,25)
```
#141a26
```
#141a26 rgb(20,26,38)
```
#1b2232
```
#1b2232 rgb(27,34,50)
```
#222b3f
```
#222b3f rgb(34,43,63)
```
#29334c
```
#29334c rgb(41,51,76)
```
#303c59
```
#303c59 rgb(48,60,89)
```
#374565
```
#374565 rgb(55,69,101)
```
#3e4d72
```
#3e4d72 rgb(62,77,114)
```
#44567f
```
#44567f rgb(68,86,127)
```
#4b5f8c
```
#4b5f8c rgb(75,95,140)
```
#526798
```
#526798 rgb(82,103,152)
```
#5970a5
```
#5970a5 rgb(89,112,165)
```

Shade Color Variation

#657bac
```
#657bac rgb(101,123,172)
```
#7286b3
```
#7286b3 rgb(114,134,179)
```
#7f91ba
```
#7f91ba rgb(127,145,186)
```
#8c9cc1
```
#8c9cc1 rgb(140,156,193)
```
#98a7c8
```
#98a7c8 rgb(152,167,200)
```
#a5b2cf
```
#a5b2cf rgb(165,178,207)
```
#b2bdd5
```
#b2bdd5 rgb(178,189,213)
```
#bfc8dc
```
#bfc8dc rgb(191,200,220)
```
#cbd3e3
```
#cbd3e3 rgb(203,211,227)
```
#d8deea
```
#d8deea rgb(216,222,234)
```
#e5e9f1
```
#e5e9f1 rgb(229,233,241)
```
#f2f3f8
```
#f2f3f8 rgb(242,243,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#767c88
```
#767c88 rgb(118,124,136)
```
#6d7891
```
#6d7891 rgb(109,120,145)
```
#63749b
```
#63749b rgb(99,116,155)
```
#5970a5
```
#5970a5 rgb(89,112,165)
```
#4f6caf
```
#4f6caf rgb(79,108,175)
```
#4568b9
```
#4568b9 rgb(69,104,185)
```
#3c64c2
```
#3c64c2 rgb(60,100,194)
```
#3261cc
```
#3261cc rgb(50,97,204)
```
#285dd6
```
#285dd6 rgb(40,93,214)
```
#1e59e0
```
#1e59e0 rgb(30,89,224)
```
#1555e9
```
#1555e9 rgb(21,85,233)
```
#0b51f3
```
#0b51f3 rgb(11,81,243)
```
#014dfd
```
#014dfd rgb(1,77,253)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6b6f7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6676a8 Protanopia 1% of men
#6177a9 Deuteranopia 1% of men
#557e87 Tritanopia 0.001% of the population

Trichromacy

#6174a7 Protanomaly 1% of men, 0.01% of women
#5e74a7 Deuteranomaly 6% of men, 0.4% of women
#567992 Tritanomaly 0.01% of the population

#5970a5 hex color

#5970a5 Color Information

#5970a5 Color Conversion

Color Schemes with #5970a5

Alternatives to #5970a5

#5970a5 Preview

Shades and Tints of #5970a5

Tones of #5970a5

Color Blindness Simulator