#4a5b77 hex color

In a RGB color space, hex #4a5b77 is composed of 29% red, 35.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 37.8% cyan, 23.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 217.3 degrees, a saturation of 23.3% and a lightness of 37.8%. #4a5b77 color hex could be obtained by blending #94b6ee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 29
- G 36
- B 47
RGB color chart
- C 38
- M 24
- Y 0
- K 53
CMYK color chart

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

The hexadecimal color #4a5b77 has RGB values of R:74, G:91, B:119 and CMYK values of C:0.38, M:0.24, Y:0, K:0.53. Its decimal value is 4873079.

Hex triplet	4a5b77	`#4a5b77`
RGB Decimal	74, 91, 119	`rgb(74,91,119)`
RGB Percent	29, 35.7, 46.7	`rgb(29%,35.7%,46.7%)`
CMYK	38, 24, 0, 53
HSL	217.3°, 23.3, 37.8	`hsl(217.3,23.3%,37.8%)`
HSV (or HSB)	217.3°, 37.8, 46.7
Web Safe	336666	`#336666`

CIE-LAB	38.322, 1.06, -17.932
XYZ	9.894, 10.27, 18.913
xyY	0.253, 0.263, 10.27
CIE-LCH	38.322, 17.963, 273.385
CIE-LUV	38.322, -9.215, -24.662
Hunter-Lab	32.046, -0.97, -12.559
Binary	01001010, 01011011, 01110111

#4a5b77
```
#4a5b77 rgb(74,91,119)
```
#77664a
```
#77664a rgb(119,102,74)
```

Complementary Color

#4a7277
```
#4a7277 rgb(74,114,119)
```
#4a5b77
```
#4a5b77 rgb(74,91,119)
```
#504a77
```
#504a77 rgb(80,74,119)
```

Analogous Color

#72774a
```
#72774a rgb(114,119,74)
```
#4a5b77
```
#4a5b77 rgb(74,91,119)
```
#77504a
```
#77504a rgb(119,80,74)
```

Split Complementary Color

#5b774a
```
#5b774a rgb(91,119,74)
```
#4a5b77
```
#4a5b77 rgb(74,91,119)
```
#774a5b
```
#774a5b rgb(119,74,91)
```

Triadic Color

#4a7766
```
#4a7766 rgb(74,119,102)
```
#4a5b77
```
#4a5b77 rgb(74,91,119)
```
#774a5b
```
#774a5b rgb(119,74,91)
```
#77664a
```
#77664a rgb(119,102,74)
```

Tetradic Color

#2d3748
```
#2d3748 rgb(45,55,72)
```
#364358
```
#364358 rgb(54,67,88)
```
#404f67
```
#404f67 rgb(64,79,103)
```
#4a5b77
```
#4a5b77 rgb(74,91,119)
```
#546787
```
#546787 rgb(84,103,135)
```
#5e7396
```
#5e7396 rgb(94,115,150)
```
#6b80a3
```
#6b80a3 rgb(107,128,163)
```

Monochromatic Color

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

#4a6677
```
#4a6677 rgb(74,102,119)
```
#4a6377
```
#4a6377 rgb(74,99,119)
```
#4a5f77
```
#4a5f77 rgb(74,95,119)
```
#4a5b77
```
#4a5b77 rgb(74,91,119)
```
#4a5777
```
#4a5777 rgb(74,87,119)
```
#4a5477
```
#4a5477 rgb(74,84,119)
```
#4a5077
```
#4a5077 rgb(74,80,119)
```

Similar Colors

Text with hexadecimal color #4a5b77

This text has a font color of #4a5b77.

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

#4a5b77 background color

This paragraph has a background color of #4a5b77.

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

#4a5b77 border color

This element has a border color of #4a5b77.

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

CSS codes

.text {color:#4a5b77;}

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

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

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

#06080a
```
#06080a rgb(6,8,10)
```
#0e1116
```
#0e1116 rgb(14,17,22)
```
#151a22
```
#151a22 rgb(21,26,34)
```
#1d242e
```
#1d242e rgb(29,36,46)
```
#242d3b
```
#242d3b rgb(36,45,59)
```
#2c3647
```
#2c3647 rgb(44,54,71)
```
#333f53
```
#333f53 rgb(51,63,83)
```
#3b495f
```
#3b495f rgb(59,73,95)
```
#42526b
```
#42526b rgb(66,82,107)
```
#4a5b77
```
#4a5b77 rgb(74,91,119)
```
#526483
```
#526483 rgb(82,100,131)
```
#596d8f
```
#596d8f rgb(89,109,143)
```
#61779b
```
#61779b rgb(97,119,155)
```

Shade Color Variation

#6c81a4
```
#6c81a4 rgb(108,129,164)
```
#788bab
```
#788bab rgb(120,139,171)
```
#8496b3
```
#8496b3 rgb(132,150,179)
```
#90a0ba
```
#90a0ba rgb(144,160,186)
```
#9caac2
```
#9caac2 rgb(156,170,194)
```
#a8b5c9
```
#a8b5c9 rgb(168,181,201)
```
#b4bfd1
```
#b4bfd1 rgb(180,191,209)
```
#c1c9d8
```
#c1c9d8 rgb(193,201,216)
```
#cdd4e0
```
#cdd4e0 rgb(205,212,224)
```
#d9dee7
```
#d9dee7 rgb(217,222,231)
```
#e5e9ef
```
#e5e9ef rgb(229,233,239)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#606061
```
#606061 rgb(96,96,97)
```
#595f68
```
#595f68 rgb(89,95,104)
```
#515d70
```
#515d70 rgb(81,93,112)
```
#4a5b77
```
#4a5b77 rgb(74,91,119)
```
#43597e
```
#43597e rgb(67,89,126)
```
#3b5786
```
#3b5786 rgb(59,87,134)
```
#34568d
```
#34568d rgb(52,86,141)
```
#2c5495
```
#2c5495 rgb(44,84,149)
```
#25529c
```
#25529c rgb(37,82,156)
```
#1d50a4
```
#1d50a4 rgb(29,80,164)
```
#164eab
```
#164eab rgb(22,78,171)
```
#0f4cb2
```
#0f4cb2 rgb(15,76,178)
```
#074bba
```
#074bba rgb(7,75,186)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#56595f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b617c Protanopia 1% of men
#5b617e Deuteranopia 1% of men
#4e666e Tritanopia 0.001% of the population

Trichromacy

#545f7a Protanomaly 1% of men, 0.01% of women
#555f7c Deuteranomaly 6% of men, 0.4% of women
#4c6271 Tritanomaly 0.01% of the population

#4a5b77 hex color

#4a5b77 Color Information

#4a5b77 Color Conversion

Color Schemes with #4a5b77

Alternatives to #4a5b77

#4a5b77 Preview

Shades and Tints of #4a5b77

Tones of #4a5b77

Color Blindness Simulator