colorhexa.com

#4b5387 hex color

In a RGB color space, hex #4b5387 is composed of 29.4% red, 32.5% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 38.5% magenta, 0% yellow and 47.1% black. It has a hue angle of 232 degrees, a saturation of 28.6% and a lightness of 41.2%. #4b5387 color hex could be obtained by blending #96a6ff with #00000f. Closest websafe color is: #336699.

- R 29
- G 33
- B 53
RGB color chart
- C 44
- M 39
- Y 0
- K 47
CMYK color chart

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

The hexadecimal color #4b5387 has RGB values of R:75, G:83, B:135 and CMYK values of C:0.44, M:0.39, Y:0, K:0.47. Its decimal value is 4936583.

Hex triplet	4b5387	`#4b5387`
RGB Decimal	75, 83, 135	`rgb(75,83,135)`
RGB Percent	29.4, 32.5, 52.9	`rgb(29.4%,32.5%,52.9%)`
CMYK	44, 39, 0, 47
HSL	232°, 28.6, 41.2	`hsl(232,28.6%,41.2%)`
HSV (or HSB)	232°, 44.4, 52.9
Web Safe	336699	`#336699`

CIE-LAB	36.802, 11.303, -30.101
XYZ	10.367, 9.431, 24.195
xyY	0.236, 0.214, 9.431
CIE-LCH	36.802, 32.153, 290.582
CIE-LUV	36.802, -6.247, -43.11
Hunter-Lab	30.71, 6.515, -25.213
Binary	01001011, 01010011, 10000111

#4b5387
```
#4b5387 rgb(75,83,135)
```
#877f4b
```
#877f4b rgb(135,127,75)
```

Complementary Color

#4b7187
```
#4b7187 rgb(75,113,135)
```
#4b5387
```
#4b5387 rgb(75,83,135)
```
#614b87
```
#614b87 rgb(97,75,135)
```

Analogous Color

#71874b
```
#71874b rgb(113,135,75)
```
#4b5387
```
#4b5387 rgb(75,83,135)
```
#87614b
```
#87614b rgb(135,97,75)
```

Split Complementary Color

#53874b
```
#53874b rgb(83,135,75)
```
#4b5387
```
#4b5387 rgb(75,83,135)
```
#874b53
```
#874b53 rgb(135,75,83)
```

Triadic Color

#4b877f
```
#4b877f rgb(75,135,127)
```
#4b5387
```
#4b5387 rgb(75,83,135)
```
#874b53
```
#874b53 rgb(135,75,83)
```
#877f4b
```
#877f4b rgb(135,127,75)
```

Tetradic Color

#303556
```
#303556 rgb(48,53,86)
```
#393f66
```
#393f66 rgb(57,63,102)
```
#424977
```
#424977 rgb(66,73,119)
```
#4b5387
```
#4b5387 rgb(75,83,135)
```
#545d97
```
#545d97 rgb(84,93,151)
```
#5f68a6
```
#5f68a6 rgb(95,104,166)
```
#6f78af
```
#6f78af rgb(111,120,175)
```

Monochromatic Color

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

#4b6287
```
#4b6287 rgb(75,98,135)
```
#4b5d87
```
#4b5d87 rgb(75,93,135)
```
#4b5887
```
#4b5887 rgb(75,88,135)
```
#4b5387
```
#4b5387 rgb(75,83,135)
```
#4b4e87
```
#4b4e87 rgb(75,78,135)
```
#4d4b87
```
#4d4b87 rgb(77,75,135)
```
#524b87
```
#524b87 rgb(82,75,135)
```

Similar Colors

Text with hexadecimal color #4b5387

This text has a font color of #4b5387.

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

#4b5387 background color

This paragraph has a background color of #4b5387.

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

#4b5387 border color

This element has a border color of #4b5387.

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

CSS codes

.text {color:#4b5387;}

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

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

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

#050509
```
#050509 rgb(5,5,9)
```
#0c0d16
```
#0c0d16 rgb(12,13,22)
```
#131522
```
#131522 rgb(19,21,34)
```
#1a1d2f
```
#1a1d2f rgb(26,29,47)
```
#21243b
```
#21243b rgb(33,36,59)
```
#282c48
```
#282c48 rgb(40,44,72)
```
#2f3455
```
#2f3455 rgb(47,52,85)
```
#363c61
```
#363c61 rgb(54,60,97)
```
#3d436e
```
#3d436e rgb(61,67,110)
```
#444b7a
```
#444b7a rgb(68,75,122)
```
#4b5387
```
#4b5387 rgb(75,83,135)
```
#525b94
```
#525b94 rgb(82,91,148)
```
#5963a0
```
#5963a0 rgb(89,99,160)
```

Shade Color Variation

#646da9
```
#646da9 rgb(100,109,169)
```
#7179b0
```
#7179b0 rgb(113,121,176)
```
#7d85b7
```
#7d85b7 rgb(125,133,183)
```
#8a91be
```
#8a91be rgb(138,145,190)
```
#969dc5
```
#969dc5 rgb(150,157,197)
```
#a3a8cc
```
#a3a8cc rgb(163,168,204)
```
#b0b4d3
```
#b0b4d3 rgb(176,180,211)
```
#bcc0da
```
#bcc0da rgb(188,192,218)
```
#c9cce1
```
#c9cce1 rgb(201,204,225)
```
#d5d8e8
```
#d5d8e8 rgb(213,216,232)
```
#e2e4ef
```
#e2e4ef rgb(226,228,239)
```
#eff0f6
```
#eff0f6 rgb(239,240,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63656f is the less saturated color, while #021ed0 is the most saturated one.

#63656f
```
#63656f rgb(99,101,111)
```
#5b5f77
```
#5b5f77 rgb(91,95,119)
```
#53597f
```
#53597f rgb(83,89,127)
```
#4b5387
```
#4b5387 rgb(75,83,135)
```
#434d8f
```
#434d8f rgb(67,77,143)
```
#3b4797
```
#3b4797 rgb(59,71,151)
```
#33419f
```
#33419f rgb(51,65,159)
```
#2b3ba7
```
#2b3ba7 rgb(43,59,167)
```
#2335af
```
#2335af rgb(35,53,175)
```
#1b2fb7
```
#1b2fb7 rgb(27,47,183)
```
#122ac0
```
#122ac0 rgb(18,42,192)
```
#0a24c8
```
#0a24c8 rgb(10,36,200)
```
#021ed0
```
#021ed0 rgb(2,30,208)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#555661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5d8e Protanopia 1% of men
#475f8c Deuteranopia 1% of men
#48636a Tritanopia 0.001% of the population

Trichromacy

#4b598b Protanomaly 1% of men, 0.01% of women
#485a8a Deuteranomaly 6% of men, 0.4% of women
#495d75 Tritanomaly 0.01% of the population