#4a5d78 hex color

In a RGB color space, hex #4a5d78 is composed of 29% red, 36.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 22.5% magenta, 0% yellow and 52.9% black. It has a hue angle of 215.2 degrees, a saturation of 23.7% and a lightness of 38%. #4a5d78 color hex could be obtained by blending #94baf0 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #4a5d78 has RGB values of R:74, G:93, B:120 and CMYK values of C:0.38, M:0.23, Y:0, K:0.53. Its decimal value is 4873592.

Hex triplet	4a5d78	`#4a5d78`
RGB Decimal	74, 93, 120	`rgb(74,93,120)`
RGB Percent	29, 36.5, 47.1	`rgb(29%,36.5%,47.1%)`
CMYK	38, 23, 0, 53
HSL	215.2°, 23.7, 38	`hsl(215.2,23.7%,38%)`
HSV (or HSB)	215.2°, 38.3, 47.1
Web Safe	336666	`#336666`

CIE-LAB	38.968, 0.114, -17.553
XYZ	10.128, 10.64, 19.288
xyY	0.253, 0.266, 10.64
CIE-LCH	38.968, 17.553, 270.371
CIE-LUV	38.968, -10.053, -24.104
Hunter-Lab	32.619, -1.663, -12.226
Binary	01001010, 01011101, 01111000

#4a5d78
```
#4a5d78 rgb(74,93,120)
```
#78654a
```
#78654a rgb(120,101,74)
```

Complementary Color

#4a7478
```
#4a7478 rgb(74,116,120)
```
#4a5d78
```
#4a5d78 rgb(74,93,120)
```
#4e4a78
```
#4e4a78 rgb(78,74,120)
```

Analogous Color

#74784a
```
#74784a rgb(116,120,74)
```
#4a5d78
```
#4a5d78 rgb(74,93,120)
```
#784e4a
```
#784e4a rgb(120,78,74)
```

Split Complementary Color

#5d784a
```
#5d784a rgb(93,120,74)
```
#4a5d78
```
#4a5d78 rgb(74,93,120)
```
#784a5d
```
#784a5d rgb(120,74,93)
```

Triadic Color

#4a7865
```
#4a7865 rgb(74,120,101)
```
#4a5d78
```
#4a5d78 rgb(74,93,120)
```
#784a5d
```
#784a5d rgb(120,74,93)
```
#78654a
```
#78654a rgb(120,101,74)
```

Tetradic Color

#2d3849
```
#2d3849 rgb(45,56,73)
```
#374558
```
#374558 rgb(55,69,88)
```
#405168
```
#405168 rgb(64,81,104)
```
#4a5d78
```
#4a5d78 rgb(74,93,120)
```
#546988
```
#546988 rgb(84,105,136)
```
#5d7598
```
#5d7598 rgb(93,117,152)
```
#6b82a4
```
#6b82a4 rgb(107,130,164)
```

Monochromatic Color

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

#4a6978
```
#4a6978 rgb(74,105,120)
```
#4a6578
```
#4a6578 rgb(74,101,120)
```
#4a6178
```
#4a6178 rgb(74,97,120)
```
#4a5d78
```
#4a5d78 rgb(74,93,120)
```
#4a5978
```
#4a5978 rgb(74,89,120)
```
#4a5578
```
#4a5578 rgb(74,85,120)
```
#4a5178
```
#4a5178 rgb(74,81,120)
```

Similar Colors

Text with hexadecimal color #4a5d78

This text has a font color of #4a5d78.

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

#4a5d78 background color

This paragraph has a background color of #4a5d78.

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

#4a5d78 border color

This element has a border color of #4a5d78.

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

CSS codes

.text {color:#4a5d78;}

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

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

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)
```
#0e1217
```
#0e1217 rgb(14,18,23)
```
#161b23
```
#161b23 rgb(22,27,35)
```
#1d252f
```
#1d252f rgb(29,37,47)
```
#252e3b
```
#252e3b rgb(37,46,59)
```
#2c3747
```
#2c3747 rgb(44,55,71)
```
#344154
```
#344154 rgb(52,65,84)
```
#3b4a60
```
#3b4a60 rgb(59,74,96)
```
#43546c
```
#43546c rgb(67,84,108)
```
#4a5d78
```
#4a5d78 rgb(74,93,120)
```
#516684
```
#516684 rgb(81,102,132)
```
#597090
```
#597090 rgb(89,112,144)
```
#60799c
```
#60799c rgb(96,121,156)
```

Shade Color Variation

#6c83a4
```
#6c83a4 rgb(108,131,164)
```
#788eac
```
#788eac rgb(120,142,172)
```
#8498b3
```
#8498b3 rgb(132,152,179)
```
#90a2bb
```
#90a2bb rgb(144,162,187)
```
#9dacc2
```
#9dacc2 rgb(157,172,194)
```
#a9b6ca
```
#a9b6ca rgb(169,182,202)
```
#b5c1d1
```
#b5c1d1 rgb(181,193,209)
```
#c1cbd9
```
#c1cbd9 rgb(193,203,217)
```
#cdd5e0
```
#cdd5e0 rgb(205,213,224)
```
#d9dfe8
```
#d9dfe8 rgb(217,223,232)
```
#e5e9ef
```
#e5e9ef rgb(229,233,239)
```
#f2f4f7
```
#f2f4f7 rgb(242,244,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#606162
```
#606162 rgb(96,97,98)
```
#596069
```
#596069 rgb(89,96,105)
```
#515e71
```
#515e71 rgb(81,94,113)
```
#4a5d78
```
#4a5d78 rgb(74,93,120)
```
#435c7f
```
#435c7f rgb(67,92,127)
```
#3b5a87
```
#3b5a87 rgb(59,90,135)
```
#34598e
```
#34598e rgb(52,89,142)
```
#2c5896
```
#2c5896 rgb(44,88,150)
```
#25579d
```
#25579d rgb(37,87,157)
```
#1d55a5
```
#1d55a5 rgb(29,85,165)
```
#1654ac
```
#1654ac rgb(22,84,172)
```
#0e53b4
```
#0e53b4 rgb(14,83,180)
```
#0751bb
```
#0751bb rgb(7,81,187)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#575b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d637d Protanopia 1% of men
#5d6280 Deuteranopia 1% of men
#4e686f Tritanopia 0.001% of the population

Trichromacy

#56607b Protanomaly 1% of men, 0.01% of women
#56607d Deuteranomaly 6% of men, 0.4% of women
#4d6472 Tritanomaly 0.01% of the population

#4a5d78 hex color

#4a5d78 Color Information

#4a5d78 Color Conversion

Color Schemes with #4a5d78

Alternatives to #4a5d78

#4a5d78 Preview

Shades and Tints of #4a5d78

Tones of #4a5d78

Color Blindness Simulator