colorhexa.com

#4e5774 hex color

In a RGB color space, hex #4e5774 is composed of 30.6% red, 34.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 25% magenta, 0% yellow and 54.5% black. It has a hue angle of 225.8 degrees, a saturation of 19.6% and a lightness of 38%. #4e5774 color hex could be obtained by blending #9caee8 with #000000. Closest websafe color is: #666666.

- R 31
- G 34
- B 45
RGB color chart
- C 33
- M 25
- Y 0
- K 55
CMYK color chart

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

The hexadecimal color #4e5774 has RGB values of R:78, G:87, B:116 and CMYK values of C:0.33, M:0.25, Y:0, K:0.55. Its decimal value is 5134196.

Hex triplet	4e5774	`#4e5774`
RGB Decimal	78, 87, 116	`rgb(78,87,116)`
RGB Percent	30.6, 34.1, 45.5	`rgb(30.6%,34.1%,45.5%)`
CMYK	33, 25, 0, 55
HSL	225.8°, 19.6, 38	`hsl(225.8,19.6%,38%)`
HSV (or HSB)	225.8°, 32.8, 45.5
Web Safe	666666	`#666666`

CIE-LAB	37.293, 3.963, -17.643
XYZ	9.702, 9.697, 17.883
xyY	0.26, 0.26, 9.697
CIE-LCH	37.293, 18.082, 282.66
CIE-LUV	37.293, -5.809, -24.421
Hunter-Lab	31.14, 1.119, -12.251
Binary	01001110, 01010111, 01110100

#4e5774
```
#4e5774 rgb(78,87,116)
```
#746b4e
```
#746b4e rgb(116,107,78)
```

Complementary Color

#4e6a74
```
#4e6a74 rgb(78,106,116)
```
#4e5774
```
#4e5774 rgb(78,87,116)
```
#584e74
```
#584e74 rgb(88,78,116)
```

Analogous Color

#6a744e
```
#6a744e rgb(106,116,78)
```
#4e5774
```
#4e5774 rgb(78,87,116)
```
#74584e
```
#74584e rgb(116,88,78)
```

Split Complementary Color

#57744e
```
#57744e rgb(87,116,78)
```
#4e5774
```
#4e5774 rgb(78,87,116)
```
#744e57
```
#744e57 rgb(116,78,87)
```

Triadic Color

#4e746b
```
#4e746b rgb(78,116,107)
```
#4e5774
```
#4e5774 rgb(78,87,116)
```
#744e57
```
#744e57 rgb(116,78,87)
```
#746b4e
```
#746b4e rgb(116,107,78)
```

Tetradic Color

#2f3546
```
#2f3546 rgb(47,53,70)
```
#394056
```
#394056 rgb(57,64,86)
```
#444c65
```
#444c65 rgb(68,76,101)
```
#4e5774
```
#4e5774 rgb(78,87,116)
```
#586283
```
#586283 rgb(88,98,131)
```
#636e92
```
#636e92 rgb(99,110,146)
```
#707b9f
```
#707b9f rgb(112,123,159)
```

Monochromatic Color

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

#4e6174
```
#4e6174 rgb(78,97,116)
```
#4e5d74
```
#4e5d74 rgb(78,93,116)
```
#4e5a74
```
#4e5a74 rgb(78,90,116)
```
#4e5774
```
#4e5774 rgb(78,87,116)
```
#4e5474
```
#4e5474 rgb(78,84,116)
```
#4e5174
```
#4e5174 rgb(78,81,116)
```
#4f4e74
```
#4f4e74 rgb(79,78,116)
```

Similar Colors

Text with hexadecimal color #4e5774

This text has a font color of #4e5774.

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

#4e5774 background color

This paragraph has a background color of #4e5774.

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

#4e5774 border color

This element has a border color of #4e5774.

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

CSS codes

.text {color:#4e5774;}

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

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

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

#07080a
```
#07080a rgb(7,8,10)
```
#0f1116
```
#0f1116 rgb(15,17,22)
```
#171922
```
#171922 rgb(23,25,34)
```
#1f222e
```
#1f222e rgb(31,34,46)
```
#272b39
```
#272b39 rgb(39,43,57)
```
#2e3445
```
#2e3445 rgb(46,52,69)
```
#363d51
```
#363d51 rgb(54,61,81)
```
#3e455d
```
#3e455d rgb(62,69,93)
```
#464e68
```
#464e68 rgb(70,78,104)
```
#4e5774
```
#4e5774 rgb(78,87,116)
```
#566080
```
#566080 rgb(86,96,128)
```
#5e698b
```
#5e698b rgb(94,105,139)
```
#667197
```
#667197 rgb(102,113,151)
```

Shade Color Variation

#717c9f
```
#717c9f rgb(113,124,159)
```
#7d87a7
```
#7d87a7 rgb(125,135,167)
```
#8892af
```
#8892af rgb(136,146,175)
```
#949cb7
```
#949cb7 rgb(148,156,183)
```
#a0a7bf
```
#a0a7bf rgb(160,167,191)
```
#acb2c7
```
#acb2c7 rgb(172,178,199)
```
#b7bdcf
```
#b7bdcf rgb(183,189,207)
```
#c3c8d7
```
#c3c8d7 rgb(195,200,215)
```
#cfd3df
```
#cfd3df rgb(207,211,223)
```
#dbdde6
```
#dbdde6 rgb(219,221,230)
```
#e6e8ee
```
#e6e8ee rgb(230,232,238)
```
#f2f3f6
```
#f2f3f6 rgb(242,243,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#5d5f65
```
#5d5f65 rgb(93,95,101)
```
#555b6d
```
#555b6d rgb(85,91,109)
```
#4e5774
```
#4e5774 rgb(78,87,116)
```
#47537b
```
#47537b rgb(71,83,123)
```
#3f4f83
```
#3f4f83 rgb(63,79,131)
```
#384b8a
```
#384b8a rgb(56,75,138)
```
#304792
```
#304792 rgb(48,71,146)
```
#294399
```
#294399 rgb(41,67,153)
```
#213fa1
```
#213fa1 rgb(33,63,161)
```
#1a3ca8
```
#1a3ca8 rgb(26,60,168)
```
#1238b0
```
#1238b0 rgb(18,56,176)
```
#0b34b7
```
#0b34b7 rgb(11,52,183)
```
#0330bf
```
#0330bf rgb(3,48,191)
```

Tone Color Variation

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

Dichromacy

#585f7b Protanopia 1% of men
#595f7b Deuteranopia 1% of men
#52636a Tritanopia 0.001% of the population

Trichromacy

#545c78 Protanomaly 1% of men, 0.01% of women
#555c78 Deuteranomaly 6% of men, 0.4% of women
#505e6d Tritanomaly 0.01% of the population