#5a72ae hex color

In a RGB color space, hex #5a72ae is composed of 35.3% red, 44.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 34.5% magenta, 0% yellow and 31.8% black. It has a hue angle of 222.9 degrees, a saturation of 34.1% and a lightness of 51.8%. #5a72ae color hex could be obtained by blending #b4e4ff with #00005d. Closest websafe color is: #666699.

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

● #5a72ae color description : Dark moderate blue.

The hexadecimal color #5a72ae has RGB values of R:90, G:114, B:174 and CMYK values of C:0.48, M:0.34, Y:0, K:0.32. Its decimal value is 5927598.

Hex triplet	5a72ae	`#5a72ae`
RGB Decimal	90, 114, 174	`rgb(90,114,174)`
RGB Percent	35.3, 44.7, 68.2	`rgb(35.3%,44.7%,68.2%)`
CMYK	48, 34, 0, 32
HSL	222.9°, 34.1, 51.8	`hsl(222.9,34.1%,51.8%)`
HSV (or HSB)	222.9°, 48.3, 68.2
Web Safe	666699	`#666699`

CIE-LAB	48.59, 8.043, -34.724
XYZ	17.872, 17.264, 42.433
xyY	0.23, 0.223, 17.264
CIE-LCH	48.59, 35.643, 283.042
CIE-LUV	48.59, -13.229, -52.978
Hunter-Lab	41.549, 4.069, -31.466
Binary	01011010, 01110010, 10101110

#5a72ae
```
#5a72ae rgb(90,114,174)
```
#ae965a
```
#ae965a rgb(174,150,90)
```

Complementary Color

#5a9cae
```
#5a9cae rgb(90,156,174)
```
#5a72ae
```
#5a72ae rgb(90,114,174)
```
#6c5aae
```
#6c5aae rgb(108,90,174)
```

Analogous Color

#9cae5a
```
#9cae5a rgb(156,174,90)
```
#5a72ae
```
#5a72ae rgb(90,114,174)
```
#ae6c5a
```
#ae6c5a rgb(174,108,90)
```

Split Complementary Color

#72ae5a
```
#72ae5a rgb(114,174,90)
```
#5a72ae
```
#5a72ae rgb(90,114,174)
```
#ae5a72
```
#ae5a72 rgb(174,90,114)
```

Triadic Color

#5aae96
```
#5aae96 rgb(90,174,150)
```
#5a72ae
```
#5a72ae rgb(90,114,174)
```
#ae5a72
```
#ae5a72 rgb(174,90,114)
```
#ae965a
```
#ae965a rgb(174,150,90)
```

Tetradic Color

#3e507e
```
#3e507e rgb(62,80,126)
```
#465b8f
```
#465b8f rgb(70,91,143)
```
#4f66a0
```
#4f66a0 rgb(79,102,160)
```
#5a72ae
```
#5a72ae rgb(90,114,174)
```
#6b81b6
```
#6b81b6 rgb(107,129,182)
```
#7c8fbf
```
#7c8fbf rgb(124,143,191)
```
#8d9ec7
```
#8d9ec7 rgb(141,158,199)
```

Monochromatic Color

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

#5a87ae
```
#5a87ae rgb(90,135,174)
```
#5a80ae
```
#5a80ae rgb(90,128,174)
```
#5a79ae
```
#5a79ae rgb(90,121,174)
```
#5a72ae
```
#5a72ae rgb(90,114,174)
```
#5a6bae
```
#5a6bae rgb(90,107,174)
```
#5a64ae
```
#5a64ae rgb(90,100,174)
```
#5a5dae
```
#5a5dae rgb(90,93,174)
```

Similar Colors

Text with hexadecimal color #5a72ae

This text has a font color of #5a72ae.

<span style="color:#5a72ae;">Text here</span>

#5a72ae background color

This paragraph has a background color of #5a72ae.

<p style="background-color:#5a72ae;">Content here</p>

#5a72ae border color

This element has a border color of #5a72ae.

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

CSS codes

.text {color:#5a72ae;}

.background {background-color:#5a72ae;}

.border {border:1px solid #5a72ae;}

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

#030406
```
#030406 rgb(3,4,6)
```
#090c13
```
#090c13 rgb(9,12,19)
```
#101520
```
#101520 rgb(16,21,32)
```
#161d2e
```
#161d2e rgb(22,29,46)
```
#1d253b
```
#1d253b rgb(29,37,59)
```
#232e48
```
#232e48 rgb(35,46,72)
```
#2a3655
```
#2a3655 rgb(42,54,85)
```
#303e62
```
#303e62 rgb(48,62,98)
```
#37476f
```
#37476f rgb(55,71,111)
```
#3d4f7c
```
#3d4f7c rgb(61,79,124)
```
#44588a
```
#44588a rgb(68,88,138)
```
#4a6097
```
#4a6097 rgb(74,96,151)
```
#5068a4
```
#5068a4 rgb(80,104,164)
```

Shade Color Variation

#5a72ae
```
#5a72ae rgb(90,114,174)
```
#677db4
```
#677db4 rgb(103,125,180)
```
#7488bb
```
#7488bb rgb(116,136,187)
```
#8194c1
```
#8194c1 rgb(129,148,193)
```
#8f9fc8
```
#8f9fc8 rgb(143,159,200)
```
#9caace
```
#9caace rgb(156,170,206)
```
#a9b5d5
```
#a9b5d5 rgb(169,181,213)
```
#b6c1db
```
#b6c1db rgb(182,193,219)
```
#c3cce2
```
#c3cce2 rgb(195,204,226)
```
#d0d7e8
```
#d0d7e8 rgb(208,215,232)
```
#dee2ef
```
#dee2ef rgb(222,226,239)
```
#ebeef5
```
#ebeef5 rgb(235,238,245)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#808288
```
#808288 rgb(128,130,136)
```
#767e92
```
#767e92 rgb(118,126,146)
```
#6d7a9b
```
#6d7a9b rgb(109,122,155)
```
#6376a5
```
#6376a5 rgb(99,118,165)
```
#5a72ae
```
#5a72ae rgb(90,114,174)
```
#516eb7
```
#516eb7 rgb(81,110,183)
```
#476ac1
```
#476ac1 rgb(71,106,193)
```
#3e66ca
```
#3e66ca rgb(62,102,202)
```
#3462d4
```
#3462d4 rgb(52,98,212)
```
#2b5edd
```
#2b5edd rgb(43,94,221)
```
#215ae7
```
#215ae7 rgb(33,90,231)
```
#1856f0
```
#1856f0 rgb(24,86,240)
```
#0e52fa
```
#0e52fa rgb(14,82,250)
```

Tone Color Variation

Below, you can see how #5a72ae 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
#6d727e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6578b1 Protanopia 1% of men
#5e7ab1 Deuteranopia 1% of men
#53818b Tritanopia 0.001% of the population

Trichromacy

#6176b0 Protanomaly 1% of men, 0.01% of women
#5d77b0 Deuteranomaly 6% of men, 0.4% of women
#557b97 Tritanomaly 0.01% of the population

#5a72ae hex color

#5a72ae Color Information

#5a72ae Color Conversion

Color Schemes with #5a72ae

Alternatives to #5a72ae

#5a72ae Preview

Shades and Tints of #5a72ae

Tones of #5a72ae

Color Blindness Simulator