#4a5e74 hex color

In a RGB color space, hex #4a5e74 is composed of 29% red, 36.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 36.2% cyan, 19% magenta, 0% yellow and 54.5% black. It has a hue angle of 211.4 degrees, a saturation of 22.1% and a lightness of 37.3%. #4a5e74 color hex could be obtained by blending #94bce8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 29
- G 37
- B 45
RGB color chart
- C 36
- M 19
- Y 0
- K 55
CMYK color chart

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

The hexadecimal color #4a5e74 has RGB values of R:74, G:94, B:116 and CMYK values of C:0.36, M:0.19, Y:0, K:0.55. Its decimal value is 4873844.

Hex triplet	4a5e74	`#4a5e74`
RGB Decimal	74, 94, 116	`rgb(74,94,116)`
RGB Percent	29, 36.9, 45.5	`rgb(29%,36.9%,45.5%)`
CMYK	36, 19, 0, 55
HSL	211.4°, 22.1, 37.3	`hsl(211.4,22.1%,37.3%)`
HSV (or HSB)	211.4°, 36.2, 45.5
Web Safe	336666	`#336666`

CIE-LAB	39.108, -1.662, -14.886
XYZ	9.978, 10.722, 18.066
xyY	0.257, 0.277, 10.722
CIE-LCH	39.108, 14.978, 263.63
CIE-LUV	39.108, -10.396, -20.066
Hunter-Lab	32.744, -2.907, -9.791
Binary	01001010, 01011110, 01110100

#4a5e74
```
#4a5e74 rgb(74,94,116)
```
#74604a
```
#74604a rgb(116,96,74)
```

Complementary Color

#4a7374
```
#4a7374 rgb(74,115,116)
```
#4a5e74
```
#4a5e74 rgb(74,94,116)
```
#4b4a74
```
#4b4a74 rgb(75,74,116)
```

Analogous Color

#73744a
```
#73744a rgb(115,116,74)
```
#4a5e74
```
#4a5e74 rgb(74,94,116)
```
#744b4a
```
#744b4a rgb(116,75,74)
```

Split Complementary Color

#5e744a
```
#5e744a rgb(94,116,74)
```
#4a5e74
```
#4a5e74 rgb(74,94,116)
```
#744a5e
```
#744a5e rgb(116,74,94)
```

Triadic Color

#4a7460
```
#4a7460 rgb(74,116,96)
```
#4a5e74
```
#4a5e74 rgb(74,94,116)
```
#744a5e
```
#744a5e rgb(116,74,94)
```
#74604a
```
#74604a rgb(116,96,74)
```

Tetradic Color

#2c3845
```
#2c3845 rgb(44,56,69)
```
#364555
```
#364555 rgb(54,69,85)
```
#405164
```
#405164 rgb(64,81,100)
```
#4a5e74
```
#4a5e74 rgb(74,94,116)
```
#546b84
```
#546b84 rgb(84,107,132)
```
#5e7793
```
#5e7793 rgb(94,119,147)
```
#6a84a0
```
#6a84a0 rgb(106,132,160)
```

Monochromatic Color

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

#4a6974
```
#4a6974 rgb(74,105,116)
```
#4a6574
```
#4a6574 rgb(74,101,116)
```
#4a6274
```
#4a6274 rgb(74,98,116)
```
#4a5e74
```
#4a5e74 rgb(74,94,116)
```
#4a5b74
```
#4a5b74 rgb(74,91,116)
```
#4a5774
```
#4a5774 rgb(74,87,116)
```
#4a5474
```
#4a5474 rgb(74,84,116)
```

Similar Colors

Text with hexadecimal color #4a5e74

This text has a font color of #4a5e74.

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

#4a5e74 background color

This paragraph has a background color of #4a5e74.

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

#4a5e74 border color

This element has a border color of #4a5e74.

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

CSS codes

.text {color:#4a5e74;}

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

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0d1014
```
#0d1014 rgb(13,16,20)
```
#151a20
```
#151a20 rgb(21,26,32)
```
#1c242c
```
#1c242c rgb(28,36,44)
```
#242d38
```
#242d38 rgb(36,45,56)
```
#2b3744
```
#2b3744 rgb(43,55,68)
```
#334150
```
#334150 rgb(51,65,80)
```
#3b4b5c
```
#3b4b5c rgb(59,75,92)
```
#425468
```
#425468 rgb(66,84,104)
```
#4a5e74
```
#4a5e74 rgb(74,94,116)
```
#526880
```
#526880 rgb(82,104,128)
```
#59718c
```
#59718c rgb(89,113,140)
```
#617b98
```
#617b98 rgb(97,123,152)
```

Shade Color Variation

#6c85a1
```
#6c85a1 rgb(108,133,161)
```
#788fa9
```
#788fa9 rgb(120,143,169)
```
#8399b0
```
#8399b0 rgb(131,153,176)
```
#8fa3b8
```
#8fa3b8 rgb(143,163,184)
```
#9badbf
```
#9badbf rgb(155,173,191)
```
#a7b7c7
```
#a7b7c7 rgb(167,183,199)
```
#b3c0cf
```
#b3c0cf rgb(179,192,207)
```
#bfcad6
```
#bfcad6 rgb(191,202,214)
```
#cbd4de
```
#cbd4de rgb(203,212,222)
```
#d7dee6
```
#d7dee6 rgb(215,222,230)
```
#e3e8ed
```
#e3e8ed rgb(227,232,237)
```
#eff2f5
```
#eff2f5 rgb(239,242,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595f65 is the less saturated color, while #015bbd is the most saturated one.

#595f65
```
#595f65 rgb(89,95,101)
```
#515e6d
```
#515e6d rgb(81,94,109)
```
#4a5e74
```
#4a5e74 rgb(74,94,116)
```
#435e7b
```
#435e7b rgb(67,94,123)
```
#3b5d83
```
#3b5d83 rgb(59,93,131)
```
#345d8a
```
#345d8a rgb(52,93,138)
```
#2d5d91
```
#2d5d91 rgb(45,93,145)
```
#255c99
```
#255c99 rgb(37,92,153)
```
#1e5ca0
```
#1e5ca0 rgb(30,92,160)
```
#175ca7
```
#175ca7 rgb(23,92,167)
```
#105bae
```
#105bae rgb(16,91,174)
```
#085bb6
```
#085bb6 rgb(8,91,182)
```
#015bbd
```
#015bbd rgb(1,91,189)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#585c60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6379 Protanopia 1% of men
#60627c Deuteranopia 1% of men
#506870 Tritanopia 0.001% of the population

Trichromacy

#576177 Protanomaly 1% of men, 0.01% of women
#586179 Deuteranomaly 6% of men, 0.4% of women
#4d6471 Tritanomaly 0.01% of the population

#4a5e74 hex color

#4a5e74 Color Information

#4a5e74 Color Conversion

Color Schemes with #4a5e74

Alternatives to #4a5e74

#4a5e74 Preview

Shades and Tints of #4a5e74

Tones of #4a5e74

Color Blindness Simulator