#4a5f8e hex color

In a RGB color space, hex #4a5f8e is composed of 29% red, 37.3% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 33.1% magenta, 0% yellow and 44.3% black. It has a hue angle of 221.5 degrees, a saturation of 31.5% and a lightness of 42.4%. #4a5f8e color hex could be obtained by blending #94beff with #00001d. Closest websafe color is: #336699.

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

● #4a5f8e color description : Dark moderate blue.

The hexadecimal color #4a5f8e has RGB values of R:74, G:95, B:142 and CMYK values of C:0.48, M:0.33, Y:0, K:0.44. Its decimal value is 4874126.

Hex triplet	4a5f8e	`#4a5f8e`
RGB Decimal	74, 95, 142	`rgb(74,95,142)`
RGB Percent	29, 37.3, 55.7	`rgb(29%,37.3%,55.7%)`
CMYK	48, 33, 0, 44
HSL	221.5°, 31.5, 42.4	`hsl(221.5,31.5%,42.4%)`
HSV (or HSB)	221.5°, 47.9, 55.7
Web Safe	336699	`#336699`

CIE-LAB	40.561, 5.616, -28.449
XYZ	11.798, 11.593, 27.206
xyY	0.233, 0.229, 11.593
CIE-LCH	40.561, 28.998, 281.167
CIE-LUV	40.561, -11.23, -41.138
Hunter-Lab	34.048, 2.266, -23.541
Binary	01001010, 01011111, 10001110

#4a5f8e
```
#4a5f8e rgb(74,95,142)
```
#8e794a
```
#8e794a rgb(142,121,74)
```

Complementary Color

#4a818e
```
#4a818e rgb(74,129,142)
```
#4a5f8e
```
#4a5f8e rgb(74,95,142)
```
#574a8e
```
#574a8e rgb(87,74,142)
```

Analogous Color

#818e4a
```
#818e4a rgb(129,142,74)
```
#4a5f8e
```
#4a5f8e rgb(74,95,142)
```
#8e574a
```
#8e574a rgb(142,87,74)
```

Split Complementary Color

#5f8e4a
```
#5f8e4a rgb(95,142,74)
```
#4a5f8e
```
#4a5f8e rgb(74,95,142)
```
#8e4a5f
```
#8e4a5f rgb(142,74,95)
```

Triadic Color

#4a8e79
```
#4a8e79 rgb(74,142,121)
```
#4a5f8e
```
#4a5f8e rgb(74,95,142)
```
#8e4a5f
```
#8e4a5f rgb(142,74,95)
```
#8e794a
```
#8e794a rgb(142,121,74)
```

Tetradic Color

#303d5c
```
#303d5c rgb(48,61,92)
```
#39496c
```
#39496c rgb(57,73,108)
```
#41547d
```
#41547d rgb(65,84,125)
```
#4a5f8e
```
#4a5f8e rgb(74,95,142)
```
#536a9f
```
#536a9f rgb(83,106,159)
```
#5f77ac
```
#5f77ac rgb(95,119,172)
```
#7085b4
```
#7085b4 rgb(112,133,180)
```

Monochromatic Color

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

#4a708e
```
#4a708e rgb(74,112,142)
```
#4a6a8e
```
#4a6a8e rgb(74,106,142)
```
#4a658e
```
#4a658e rgb(74,101,142)
```
#4a5f8e
```
#4a5f8e rgb(74,95,142)
```
#4a598e
```
#4a598e rgb(74,89,142)
```
#4a548e
```
#4a548e rgb(74,84,142)
```
#4a4e8e
```
#4a4e8e rgb(74,78,142)
```

Similar Colors

Text with hexadecimal color #4a5f8e

This text has a font color of #4a5f8e.

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

#4a5f8e background color

This paragraph has a background color of #4a5f8e.

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

#4a5f8e border color

This element has a border color of #4a5f8e.

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

CSS codes

.text {color:#4a5f8e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#07090d
```
#07090d rgb(7,9,13)
```
#0e111a
```
#0e111a rgb(14,17,26)
```
#141a27
```
#141a27 rgb(20,26,39)
```
#1b2334
```
#1b2334 rgb(27,35,52)
```
#222b41
```
#222b41 rgb(34,43,65)
```
#28344e
```
#28344e rgb(40,52,78)
```
#2f3c5a
```
#2f3c5a rgb(47,60,90)
```
#364567
```
#364567 rgb(54,69,103)
```
#3d4e74
```
#3d4e74 rgb(61,78,116)
```
#435681
```
#435681 rgb(67,86,129)
```
#4a5f8e
```
#4a5f8e rgb(74,95,142)
```
#51689b
```
#51689b rgb(81,104,155)
```

Shade Color Variation

#5870a8
```
#5870a8 rgb(88,112,168)
```
#647bae
```
#647bae rgb(100,123,174)
```
#7186b5
```
#7186b5 rgb(113,134,181)
```
#7e91bc
```
#7e91bc rgb(126,145,188)
```
#8b9cc3
```
#8b9cc3 rgb(139,156,195)
```
#98a7c9
```
#98a7c9 rgb(152,167,201)
```
#a5b2d0
```
#a5b2d0 rgb(165,178,208)
```
#b2bdd7
```
#b2bdd7 rgb(178,189,215)
```
#bfc8dd
```
#bfc8dd rgb(191,200,221)
```
#ccd3e4
```
#ccd3e4 rgb(204,211,228)
```
#d8deeb
```
#d8deeb rgb(216,222,235)
```
#e5e9f2
```
#e5e9f2 rgb(229,233,242)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6c6d is the less saturated color, while #0846d0 is the most saturated one.

#6b6c6d
```
#6b6c6d rgb(107,108,109)
```
#636975
```
#636975 rgb(99,105,117)
```
#5b657d
```
#5b657d rgb(91,101,125)
```
#526286
```
#526286 rgb(82,98,134)
```
#4a5f8e
```
#4a5f8e rgb(74,95,142)
```
#425c96
```
#425c96 rgb(66,92,150)
```
#39599f
```
#39599f rgb(57,89,159)
```
#3155a7
```
#3155a7 rgb(49,85,167)
```
#2952af
```
#2952af rgb(41,82,175)
```
#204fb8
```
#204fb8 rgb(32,79,184)
```
#184cc0
```
#184cc0 rgb(24,76,192)
```
#1049c8
```
#1049c8 rgb(16,73,200)
```
#0846d0
```
#0846d0 rgb(8,70,208)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5a5e68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576693 Protanopia 1% of men
#536793 Deuteranopia 1% of men
#486d75 Tritanopia 0.001% of the population

Trichromacy

#526391 Protanomaly 1% of men, 0.01% of women
#4f6491 Deuteranomaly 6% of men, 0.4% of women
#48687e Tritanomaly 0.01% of the population

#4a5f8e hex color

#4a5f8e Color Information

#4a5f8e Color Conversion

Color Schemes with #4a5f8e

Alternatives to #4a5f8e

#4a5f8e Preview

Shades and Tints of #4a5f8e

Tones of #4a5f8e

Color Blindness Simulator