#4a5a72 hex color

In a RGB color space, hex #4a5a72 is composed of 29% red, 35.3% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 21.1% magenta, 0% yellow and 55.3% black. It has a hue angle of 216 degrees, a saturation of 21.3% and a lightness of 36.9%. #4a5a72 color hex could be obtained by blending #94b4e4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 29
- G 35
- B 45
RGB color chart
- C 35
- M 21
- Y 0
- K 55
CMYK color chart

● #4a5a72 color description : Very dark desaturated blue.

The hexadecimal color #4a5a72 has RGB values of R:74, G:90, B:114 and CMYK values of C:0.35, M:0.21, Y:0, K:0.55. Its decimal value is 4872818.

Hex triplet	4a5a72	`#4a5a72`
RGB Decimal	74, 90, 114	`rgb(74,90,114)`
RGB Percent	29, 35.3, 44.7	`rgb(29%,35.3%,44.7%)`
CMYK	35, 21, 0, 55
HSL	216°, 21.3, 36.9	`hsl(216,21.3%,36.9%)`
HSV (or HSB)	216°, 35.1, 44.7
Web Safe	336666	`#336666`

CIE-LAB	37.812, 0.232, -15.638
XYZ	9.517, 9.983, 17.344
xyY	0.258, 0.271, 9.983
CIE-LCH	37.812, 15.639, 270.849
CIE-LUV	37.812, -8.688, -21.194
Hunter-Lab	31.596, -1.527, -10.43
Binary	01001010, 01011010, 01110010

#4a5a72
```
#4a5a72 rgb(74,90,114)
```
#72624a
```
#72624a rgb(114,98,74)
```

Complementary Color

#4a6e72
```
#4a6e72 rgb(74,110,114)
```
#4a5a72
```
#4a5a72 rgb(74,90,114)
```
#4e4a72
```
#4e4a72 rgb(78,74,114)
```

Analogous Color

#6e724a
```
#6e724a rgb(110,114,74)
```
#4a5a72
```
#4a5a72 rgb(74,90,114)
```
#724e4a
```
#724e4a rgb(114,78,74)
```

Split Complementary Color

#5a724a
```
#5a724a rgb(90,114,74)
```
#4a5a72
```
#4a5a72 rgb(74,90,114)
```
#724a5a
```
#724a5a rgb(114,74,90)
```

Triadic Color

#4a7262
```
#4a7262 rgb(74,114,98)
```
#4a5a72
```
#4a5a72 rgb(74,90,114)
```
#724a5a
```
#724a5a rgb(114,74,90)
```
#72624a
```
#72624a rgb(114,98,74)
```

Tetradic Color

#2c3544
```
#2c3544 rgb(44,53,68)
```
#364253
```
#364253 rgb(54,66,83)
```
#404e63
```
#404e63 rgb(64,78,99)
```
#4a5a72
```
#4a5a72 rgb(74,90,114)
```
#546681
```
#546681 rgb(84,102,129)
```
#5e7291
```
#5e7291 rgb(94,114,145)
```
#6a7f9e
```
#6a7f9e rgb(106,127,158)
```

Monochromatic Color

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

#4a6472
```
#4a6472 rgb(74,100,114)
```
#4a6172
```
#4a6172 rgb(74,97,114)
```
#4a5d72
```
#4a5d72 rgb(74,93,114)
```
#4a5a72
```
#4a5a72 rgb(74,90,114)
```
#4a5772
```
#4a5772 rgb(74,87,114)
```
#4a5372
```
#4a5372 rgb(74,83,114)
```
#4a5072
```
#4a5072 rgb(74,80,114)
```

Similar Colors

Text with hexadecimal color #4a5a72

This text has a font color of #4a5a72.

<span style="color:#4a5a72;">Text here</span>

#4a5a72 background color

This paragraph has a background color of #4a5a72.

<p style="background-color:#4a5a72;">Content here</p>

#4a5a72 border color

This element has a border color of #4a5a72.

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

CSS codes

.text {color:#4a5a72;}

.background {background-color:#4a5a72;}

.border {border:1px solid #4a5a72;}

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

#050507
```
#050507 rgb(5,5,7)
```
#0c0f13
```
#0c0f13 rgb(12,15,19)
```
#14181f
```
#14181f rgb(20,24,31)
```
#1c222b
```
#1c222b rgb(28,34,43)
```
#232b37
```
#232b37 rgb(35,43,55)
```
#2b3442
```
#2b3442 rgb(43,52,66)
```
#333e4e
```
#333e4e rgb(51,62,78)
```
#3b475a
```
#3b475a rgb(59,71,90)
```
#425166
```
#425166 rgb(66,81,102)
```
#4a5a72
```
#4a5a72 rgb(74,90,114)
```
#52637e
```
#52637e rgb(82,99,126)
```
#596d8a
```
#596d8a rgb(89,109,138)
```
#617696
```
#617696 rgb(97,118,150)
```

Shade Color Variation

#6b809f
```
#6b809f rgb(107,128,159)
```
#778aa7
```
#778aa7 rgb(119,138,167)
```
#8394af
```
#8394af rgb(131,148,175)
```
#8f9fb6
```
#8f9fb6 rgb(143,159,182)
```
#9ba9be
```
#9ba9be rgb(155,169,190)
```
#a7b3c6
```
#a7b3c6 rgb(167,179,198)
```
#b3bdcd
```
#b3bdcd rgb(179,189,205)
```
#bfc8d5
```
#bfc8d5 rgb(191,200,213)
```
#cad2dd
```
#cad2dd rgb(202,210,221)
```
#d6dce5
```
#d6dce5 rgb(214,220,229)
```
#e2e6ec
```
#e2e6ec rgb(226,230,236)
```
#eef1f4
```
#eef1f4 rgb(238,241,244)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585d64 is the less saturated color, while #024cba is the most saturated one.

#585d64
```
#585d64 rgb(88,93,100)
```
#515b6b
```
#515b6b rgb(81,91,107)
```
#4a5a72
```
#4a5a72 rgb(74,90,114)
```
#435979
```
#435979 rgb(67,89,121)
```
#3c5780
```
#3c5780 rgb(60,87,128)
```
#345688
```
#345688 rgb(52,86,136)
```
#2d548f
```
#2d548f rgb(45,84,143)
```
#265396
```
#265396 rgb(38,83,150)
```
#1f519d
```
#1f519d rgb(31,81,157)
```
#1750a5
```
#1750a5 rgb(23,80,165)
```
#104eac
```
#104eac rgb(16,78,172)
```
#094db3
```
#094db3 rgb(9,77,179)
```
#024cba
```
#024cba rgb(2,76,186)
```

Tone Color Variation

Below, you can see how #4a5a72 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

#585858 Achromatopsia 0.005% of the population
#55585d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6078 Protanopia 1% of men
#5c607a Deuteranopia 1% of men
#4f656c Tritanopia 0.001% of the population

Trichromacy

#555e75 Protanomaly 1% of men, 0.01% of women
#565d77 Deuteranomaly 6% of men, 0.4% of women
#4d616e Tritanomaly 0.01% of the population

#4a5a72 hex color

#4a5a72 Color Information

#4a5a72 Color Conversion

Color Schemes with #4a5a72

Alternatives to #4a5a72

#4a5a72 Preview

Shades and Tints of #4a5a72

Tones of #4a5a72

Color Blindness Simulator