#4b5477 hex color

In a RGB color space, hex #4b5477 is composed of 29.4% red, 32.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 29.4% magenta, 0% yellow and 53.3% black. It has a hue angle of 227.7 degrees, a saturation of 22.7% and a lightness of 38%. #4b5477 color hex could be obtained by blending #96a8ee with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #4b5477 has RGB values of R:75, G:84, B:119 and CMYK values of C:0.37, M:0.29, Y:0, K:0.53. Its decimal value is 4936823.

Hex triplet	4b5477	`#4b5477`
RGB Decimal	75, 84, 119	`rgb(75,84,119)`
RGB Percent	29.4, 32.9, 46.7	`rgb(29.4%,32.9%,46.7%)`
CMYK	37, 29, 0, 53
HSL	227.7°, 22.7, 38	`hsl(227.7,22.7%,38%)`
HSV (or HSB)	227.7°, 37, 46.7
Web Safe	336666	`#336666`

CIE-LAB	36.306, 5.776, -21.039
XYZ	9.401, 9.168, 18.726
xyY	0.252, 0.246, 9.168
CIE-LCH	36.306, 21.818, 285.35
CIE-LUV	36.306, -5.989, -29.295
Hunter-Lab	30.279, 2.433, -15.473
Binary	01001011, 01010100, 01110111

#4b5477
```
#4b5477 rgb(75,84,119)
```
#776e4b
```
#776e4b rgb(119,110,75)
```

Complementary Color

#4b6a77
```
#4b6a77 rgb(75,106,119)
```
#4b5477
```
#4b5477 rgb(75,84,119)
```
#584b77
```
#584b77 rgb(88,75,119)
```

Analogous Color

#6a774b
```
#6a774b rgb(106,119,75)
```
#4b5477
```
#4b5477 rgb(75,84,119)
```
#77584b
```
#77584b rgb(119,88,75)
```

Split Complementary Color

#54774b
```
#54774b rgb(84,119,75)
```
#4b5477
```
#4b5477 rgb(75,84,119)
```
#774b54
```
#774b54 rgb(119,75,84)
```

Triadic Color

#4b776e
```
#4b776e rgb(75,119,110)
```
#4b5477
```
#4b5477 rgb(75,84,119)
```
#774b54
```
#774b54 rgb(119,75,84)
```
#776e4b
```
#776e4b rgb(119,110,75)
```

Tetradic Color

#2d3348
```
#2d3348 rgb(45,51,72)
```
#373e58
```
#373e58 rgb(55,62,88)
```
#414967
```
#414967 rgb(65,73,103)
```
#4b5477
```
#4b5477 rgb(75,84,119)
```
#555f87
```
#555f87 rgb(85,95,135)
```
#5f6a96
```
#5f6a96 rgb(95,106,150)
```
#6c77a2
```
#6c77a2 rgb(108,119,162)
```

Monochromatic Color

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

#4b5f77
```
#4b5f77 rgb(75,95,119)
```
#4b5b77
```
#4b5b77 rgb(75,91,119)
```
#4b5877
```
#4b5877 rgb(75,88,119)
```
#4b5477
```
#4b5477 rgb(75,84,119)
```
#4b5077
```
#4b5077 rgb(75,80,119)
```
#4b4d77
```
#4b4d77 rgb(75,77,119)
```
#4d4b77
```
#4d4b77 rgb(77,75,119)
```

Similar Colors

Text with hexadecimal color #4b5477

This text has a font color of #4b5477.

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

#4b5477 background color

This paragraph has a background color of #4b5477.

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

#4b5477 border color

This element has a border color of #4b5477.

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

CSS codes

.text {color:#4b5477;}

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

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

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, #07080b is the darkest color, while #fefefe is the lightest one.

#07080b
```
#07080b rgb(7,8,11)
```
#0e1017
```
#0e1017 rgb(14,16,23)
```
#161923
```
#161923 rgb(22,25,35)
```
#1e212f
```
#1e212f rgb(30,33,47)
```
#252a3b
```
#252a3b rgb(37,42,59)
```
#2d3247
```
#2d3247 rgb(45,50,71)
```
#343b53
```
#343b53 rgb(52,59,83)
```
#3c435f
```
#3c435f rgb(60,67,95)
```
#434c6b
```
#434c6b rgb(67,76,107)
```
#4b5477
```
#4b5477 rgb(75,84,119)
```
#535c83
```
#535c83 rgb(83,92,131)
```
#5a658f
```
#5a658f rgb(90,101,143)
```
#626d9b
```
#626d9b rgb(98,109,155)
```

Shade Color Variation

#6d78a3
```
#6d78a3 rgb(109,120,163)
```
#7983ab
```
#7983ab rgb(121,131,171)
```
#858fb2
```
#858fb2 rgb(133,143,178)
```
#919aba
```
#919aba rgb(145,154,186)
```
#9da5c2
```
#9da5c2 rgb(157,165,194)
```
#a9b0c9
```
#a9b0c9 rgb(169,176,201)
```
#b5bbd1
```
#b5bbd1 rgb(181,187,209)
```
#c2c6d8
```
#c2c6d8 rgb(194,198,216)
```
#ced1e0
```
#ced1e0 rgb(206,209,224)
```
#dadce7
```
#dadce7 rgb(218,220,231)
```
#e6e8ef
```
#e6e8ef rgb(230,232,239)
```
#f2f3f7
```
#f2f3f7 rgb(242,243,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5d68 is the less saturated color, while #0028c2 is the most saturated one.

#5a5d68
```
#5a5d68 rgb(90,93,104)
```
#525870
```
#525870 rgb(82,88,112)
```
#4b5477
```
#4b5477 rgb(75,84,119)
```
#44507e
```
#44507e rgb(68,80,126)
```
#3c4b86
```
#3c4b86 rgb(60,75,134)
```
#35478d
```
#35478d rgb(53,71,141)
```
#2d4295
```
#2d4295 rgb(45,66,149)
```
#263e9c
```
#263e9c rgb(38,62,156)
```
#1e3aa4
```
#1e3aa4 rgb(30,58,164)
```
#1735ab
```
#1735ab rgb(23,53,171)
```
#0f31b3
```
#0f31b3 rgb(15,49,179)
```
#082cba
```
#082cba rgb(8,44,186)
```
#0028c2
```
#0028c2 rgb(0,40,194)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#53555c Atypical Achromatopsia 0.001% of the population

Dichromacy

#535d7e Protanopia 1% of men
#535d7d Deuteranopia 1% of men
#4e6168 Tritanopia 0.001% of the population

Trichromacy

#50597b Protanomaly 1% of men, 0.01% of women
#50597b Deuteranomaly 6% of men, 0.4% of women
#4c5c6d Tritanomaly 0.01% of the population

#4b5477 hex color

#4b5477 Color Information

#4b5477 Color Conversion

Color Schemes with #4b5477

Alternatives to #4b5477

#4b5477 Preview

Shades and Tints of #4b5477

Tones of #4b5477

Color Blindness Simulator