#5975a2 hex color

In a RGB color space, hex #5975a2 is composed of 34.9% red, 45.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 27.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 217 degrees, a saturation of 29.1% and a lightness of 49.2%. #5975a2 color hex could be obtained by blending #b2eaff with #000045. Closest websafe color is: #666699.

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

● #5975a2 color description : Dark moderate blue.

The hexadecimal color #5975a2 has RGB values of R:89, G:117, B:162 and CMYK values of C:0.45, M:0.28, Y:0, K:0.36. Its decimal value is 5862818.

Hex triplet	5975a2	`#5975a2`
RGB Decimal	89, 117, 162	`rgb(89,117,162)`
RGB Percent	34.9, 45.9, 63.5	`rgb(34.9%,45.9%,63.5%)`
CMYK	45, 28, 0, 36
HSL	217°, 29.1, 49.2	`hsl(217,29.1%,49.2%)`
HSV (or HSB)	217°, 45.1, 63.5
Web Safe	666699	`#666699`

CIE-LAB	48.827, 2.291, -27.357
XYZ	17.001, 17.454, 36.654
xyY	0.239, 0.245, 17.454
CIE-LCH	48.827, 27.453, 274.787
CIE-LUV	48.827, -14.548, -40.8
Hunter-Lab	41.778, -0.474, -22.772
Binary	01011001, 01110101, 10100010

#5975a2
```
#5975a2 rgb(89,117,162)
```
#a28659
```
#a28659 rgb(162,134,89)
```

Complementary Color

#599aa2
```
#599aa2 rgb(89,154,162)
```
#5975a2
```
#5975a2 rgb(89,117,162)
```
#6259a2
```
#6259a2 rgb(98,89,162)
```

Analogous Color

#9aa259
```
#9aa259 rgb(154,162,89)
```
#5975a2
```
#5975a2 rgb(89,117,162)
```
#a26259
```
#a26259 rgb(162,98,89)
```

Split Complementary Color

#75a259
```
#75a259 rgb(117,162,89)
```
#5975a2
```
#5975a2 rgb(89,117,162)
```
#a25975
```
#a25975 rgb(162,89,117)
```

Triadic Color

#59a286
```
#59a286 rgb(89,162,134)
```
#5975a2
```
#5975a2 rgb(89,117,162)
```
#a25975
```
#a25975 rgb(162,89,117)
```
#a28659
```
#a28659 rgb(162,134,89)
```

Tetradic Color

#3e5171
```
#3e5171 rgb(62,81,113)
```
#475d81
```
#475d81 rgb(71,93,129)
```
#506992
```
#506992 rgb(80,105,146)
```
#5975a2
```
#5975a2 rgb(89,117,162)
```
#6882ac
```
#6882ac rgb(104,130,172)
```
#7990b5
```
#7990b5 rgb(121,144,181)
```
#899ebe
```
#899ebe rgb(137,158,190)
```

Monochromatic Color

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

#5987a2
```
#5987a2 rgb(89,135,162)
```
#5981a2
```
#5981a2 rgb(89,129,162)
```
#597ba2
```
#597ba2 rgb(89,123,162)
```
#5975a2
```
#5975a2 rgb(89,117,162)
```
#596fa2
```
#596fa2 rgb(89,111,162)
```
#5969a2
```
#5969a2 rgb(89,105,162)
```
#5963a2
```
#5963a2 rgb(89,99,162)
```

Similar Colors

Text with hexadecimal color #5975a2

This text has a font color of #5975a2.

<span style="color:#5975a2;">Text here</span>

#5975a2 background color

This paragraph has a background color of #5975a2.

<p style="background-color:#5975a2;">Content here</p>

#5975a2 border color

This element has a border color of #5975a2.

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

CSS codes

.text {color:#5975a2;}

.background {background-color:#5975a2;}

.border {border:1px solid #5975a2;}

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, #06070a is the darkest color, while #fcfdfe is the lightest one.

#06070a
```
#06070a rgb(6,7,10)
```
#0c1017
```
#0c1017 rgb(12,16,23)
```
#131a23
```
#131a23 rgb(19,26,35)
```
#1a2330
```
#1a2330 rgb(26,35,48)
```
#212c3d
```
#212c3d rgb(33,44,61)
```
#283549
```
#283549 rgb(40,53,73)
```
#2f3e56
```
#2f3e56 rgb(47,62,86)
```
#364763
```
#364763 rgb(54,71,99)
```
#3d506f
```
#3d506f rgb(61,80,111)
```
#445a7c
```
#445a7c rgb(68,90,124)
```
#4b6389
```
#4b6389 rgb(75,99,137)
```
#526c95
```
#526c95 rgb(82,108,149)
```
#5975a2
```
#5975a2 rgb(89,117,162)
```

Shade Color Variation

#647faa
```
#647faa rgb(100,127,170)
```
#718ab1
```
#718ab1 rgb(113,138,177)
```
#7e94b8
```
#7e94b8 rgb(126,148,184)
```
#8a9fbf
```
#8a9fbf rgb(138,159,191)
```
#97a9c6
```
#97a9c6 rgb(151,169,198)
```
#a4b4cd
```
#a4b4cd rgb(164,180,205)
```
#b0bed4
```
#b0bed4 rgb(176,190,212)
```
#bdc9db
```
#bdc9db rgb(189,201,219)
```
#cad3e2
```
#cad3e2 rgb(202,211,226)
```
#d6dde9
```
#d6dde9 rgb(214,221,233)
```
#e3e8f0
```
#e3e8f0 rgb(227,232,240)
```
#f0f2f7
```
#f0f2f7 rgb(240,242,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#767c85
```
#767c85 rgb(118,124,133)
```
#6c798f
```
#6c798f rgb(108,121,143)
```
#637798
```
#637798 rgb(99,119,152)
```
#5975a2
```
#5975a2 rgb(89,117,162)
```
#4f73ac
```
#4f73ac rgb(79,115,172)
```
#4671b5
```
#4671b5 rgb(70,113,181)
```
#3c6ebf
```
#3c6ebf rgb(60,110,191)
```
#326cc9
```
#326cc9 rgb(50,108,201)
```
#296ad2
```
#296ad2 rgb(41,106,210)
```
#1f68dc
```
#1f68dc rgb(31,104,220)
```
#1565e6
```
#1565e6 rgb(21,101,230)
```
#0c63ef
```
#0c63ef rgb(12,99,239)
```
#0261f9
```
#0261f9 rgb(2,97,249)
```

Tone Color Variation

Below, you can see how #5975a2 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
#6d737c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d79a5 Protanopia 1% of men
#6a7aa7 Deuteranopia 1% of men
#57818b Tritanopia 0.001% of the population

Trichromacy

#6578a3 Protanomaly 1% of men, 0.01% of women
#6478a5 Deuteranomaly 6% of men, 0.4% of women
#587d93 Tritanomaly 0.01% of the population

#5975a2 hex color

#5975a2 Color Information

#5975a2 Color Conversion

Color Schemes with #5975a2

Alternatives to #5975a2

#5975a2 Preview

Shades and Tints of #5975a2

Tones of #5975a2

Color Blindness Simulator