#4a5a74 hex color

In a RGB color space, hex #4a5a74 is composed of 29% red, 35.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 36.2% cyan, 22.4% magenta, 0% yellow and 54.5% black. It has a hue angle of 217.1 degrees, a saturation of 22.1% and a lightness of 37.3%. #4a5a74 color hex could be obtained by blending #94b4e8 with #000000. Closest websafe color is: #336666.

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

● #4a5a74 color description : Mostly desaturated dark blue.

The hexadecimal color #4a5a74 has RGB values of R:74, G:90, B:116 and CMYK values of C:0.36, M:0.22, Y:0, K:0.55. Its decimal value is 4872820.

Hex triplet	4a5a74	`#4a5a74`
RGB Decimal	74, 90, 116	`rgb(74,90,116)`
RGB Percent	29, 35.3, 45.5	`rgb(29%,35.3%,45.5%)`
CMYK	36, 22, 0, 55
HSL	217.1°, 22.1, 37.3	`hsl(217.1,22.1%,37.3%)`
HSV (or HSB)	217.1°, 36.2, 45.5
Web Safe	336666	`#336666`

CIE-LAB	37.894, 0.808, -16.744
XYZ	9.632, 10.029, 17.95
xyY	0.256, 0.267, 10.029
CIE-LCH	37.894, 16.763, 272.763
CIE-LUV	37.894, -8.736, -22.856
Hunter-Lab	31.668, -1.129, -11.439
Binary	01001010, 01011010, 01110100

#4a5a74
```
#4a5a74 rgb(74,90,116)
```
#74644a
```
#74644a rgb(116,100,74)
```

Complementary Color

#4a6f74
```
#4a6f74 rgb(74,111,116)
```
#4a5a74
```
#4a5a74 rgb(74,90,116)
```
#4f4a74
```
#4f4a74 rgb(79,74,116)
```

Analogous Color

#6f744a
```
#6f744a rgb(111,116,74)
```
#4a5a74
```
#4a5a74 rgb(74,90,116)
```
#744f4a
```
#744f4a rgb(116,79,74)
```

Split Complementary Color

#5a744a
```
#5a744a rgb(90,116,74)
```
#4a5a74
```
#4a5a74 rgb(74,90,116)
```
#744a5a
```
#744a5a rgb(116,74,90)
```

Triadic Color

#4a7464
```
#4a7464 rgb(74,116,100)
```
#4a5a74
```
#4a5a74 rgb(74,90,116)
```
#744a5a
```
#744a5a rgb(116,74,90)
```
#74644a
```
#74644a rgb(116,100,74)
```

Tetradic Color

#2c3645
```
#2c3645 rgb(44,54,69)
```
#364255
```
#364255 rgb(54,66,85)
```
#404e64
```
#404e64 rgb(64,78,100)
```
#4a5a74
```
#4a5a74 rgb(74,90,116)
```
#546684
```
#546684 rgb(84,102,132)
```
#5e7293
```
#5e7293 rgb(94,114,147)
```
#6a7fa0
```
#6a7fa0 rgb(106,127,160)
```

Monochromatic Color

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

#4a6574
```
#4a6574 rgb(74,101,116)
```
#4a6174
```
#4a6174 rgb(74,97,116)
```
#4a5e74
```
#4a5e74 rgb(74,94,116)
```
#4a5a74
```
#4a5a74 rgb(74,90,116)
```
#4a5774
```
#4a5774 rgb(74,87,116)
```
#4a5374
```
#4a5374 rgb(74,83,116)
```
#4a5074
```
#4a5074 rgb(74,80,116)
```

Similar Colors

Text with hexadecimal color #4a5a74

This text has a font color of #4a5a74.

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

#4a5a74 background color

This paragraph has a background color of #4a5a74.

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

#4a5a74 border color

This element has a border color of #4a5a74.

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

CSS codes

.text {color:#4a5a74;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0d1014
```
#0d1014 rgb(13,16,20)
```
#151920
```
#151920 rgb(21,25,32)
```
#1c222c
```
#1c222c rgb(28,34,44)
```
#242c38
```
#242c38 rgb(36,44,56)
```
#2b3544
```
#2b3544 rgb(43,53,68)
```
#333e50
```
#333e50 rgb(51,62,80)
```
#3b475c
```
#3b475c rgb(59,71,92)
```
#425168
```
#425168 rgb(66,81,104)
```
#4a5a74
```
#4a5a74 rgb(74,90,116)
```
#526380
```
#526380 rgb(82,99,128)
```
#596d8c
```
#596d8c rgb(89,109,140)
```
#617698
```
#617698 rgb(97,118,152)
```

Shade Color Variation

#6c80a1
```
#6c80a1 rgb(108,128,161)
```
#788aa9
```
#788aa9 rgb(120,138,169)
```
#8395b0
```
#8395b0 rgb(131,149,176)
```
#8f9fb8
```
#8f9fb8 rgb(143,159,184)
```
#9ba9bf
```
#9ba9bf rgb(155,169,191)
```
#a7b3c7
```
#a7b3c7 rgb(167,179,199)
```
#b3becf
```
#b3becf rgb(179,190,207)
```
#bfc8d6
```
#bfc8d6 rgb(191,200,214)
```
#cbd2de
```
#cbd2de rgb(203,210,222)
```
#d7dde6
```
#d7dde6 rgb(215,221,230)
```
#e3e7ed
```
#e3e7ed rgb(227,231,237)
```
#eff1f5
```
#eff1f5 rgb(239,241,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595d65 is the less saturated color, while #0149bd is the most saturated one.

#595d65
```
#595d65 rgb(89,93,101)
```
#515c6d
```
#515c6d rgb(81,92,109)
```
#4a5a74
```
#4a5a74 rgb(74,90,116)
```
#43587b
```
#43587b rgb(67,88,123)
```
#3b5783
```
#3b5783 rgb(59,87,131)
```
#34558a
```
#34558a rgb(52,85,138)
```
#2d5391
```
#2d5391 rgb(45,83,145)
```
#255199
```
#255199 rgb(37,81,153)
```
#1e50a0
```
#1e50a0 rgb(30,80,160)
```
#174ea7
```
#174ea7 rgb(23,78,167)
```
#104cae
```
#104cae rgb(16,76,174)
```
#084ab6
```
#084ab6 rgb(8,74,182)
```
#0149bd
```
#0149bd rgb(1,73,189)
```

Tone Color Variation

Below, you can see how #4a5a74 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
#55585e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a607a Protanopia 1% of men
#5b607c Deuteranopia 1% of men
#4f656c Tritanopia 0.001% of the population

Trichromacy

#545e77 Protanomaly 1% of men, 0.01% of women
#555e79 Deuteranomaly 6% of men, 0.4% of women
#4d616f Tritanomaly 0.01% of the population

#4a5a74 hex color

#4a5a74 Color Information

#4a5a74 Color Conversion

Color Schemes with #4a5a74

Alternatives to #4a5a74

#4a5a74 Preview

Shades and Tints of #4a5a74

Tones of #4a5a74

Color Blindness Simulator