#4a5f74 hex color

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

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

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

The hexadecimal color #4a5f74 has RGB values of R:74, G:95, B:116 and CMYK values of C:0.36, M:0.18, Y:0, K:0.55. Its decimal value is 4874100.

Hex triplet	4a5f74	`#4a5f74`
RGB Decimal	74, 95, 116	`rgb(74,95,116)`
RGB Percent	29, 37.3, 45.5	`rgb(29%,37.3%,45.5%)`
CMYK	36, 18, 0, 55
HSL	210°, 22.1, 37.3	`hsl(210,22.1%,37.3%)`
HSV (or HSB)	210°, 36.2, 45.5
Web Safe	336666	`#336666`

CIE-LAB	39.413, -2.273, -14.42
XYZ	10.068, 10.901, 18.096
xyY	0.258, 0.279, 10.901
CIE-LCH	39.413, 14.598, 261.042
CIE-LUV	39.413, -10.815, -19.362
Hunter-Lab	33.016, -3.348, -9.384
Binary	01001010, 01011111, 01110100

#4a5f74
```
#4a5f74 rgb(74,95,116)
```
#745f4a
```
#745f4a rgb(116,95,74)
```

Complementary Color

#4a7474
```
#4a7474 rgb(74,116,116)
```
#4a5f74
```
#4a5f74 rgb(74,95,116)
```
#4a4a74
```
#4a4a74 rgb(74,74,116)
```

Analogous Color

#74744a
```
#74744a rgb(116,116,74)
```
#4a5f74
```
#4a5f74 rgb(74,95,116)
```
#744a4a
```
#744a4a rgb(116,74,74)
```

Split Complementary Color

#5f744a
```
#5f744a rgb(95,116,74)
```
#4a5f74
```
#4a5f74 rgb(74,95,116)
```
#744a5f
```
#744a5f rgb(116,74,95)
```

Triadic Color

#4a745f
```
#4a745f rgb(74,116,95)
```
#4a5f74
```
#4a5f74 rgb(74,95,116)
```
#744a5f
```
#744a5f rgb(116,74,95)
```
#745f4a
```
#745f4a rgb(116,95,74)
```

Tetradic Color

#2c3945
```
#2c3945 rgb(44,57,69)
```
#364655
```
#364655 rgb(54,70,85)
```
#405264
```
#405264 rgb(64,82,100)
```
#4a5f74
```
#4a5f74 rgb(74,95,116)
```
#546c84
```
#546c84 rgb(84,108,132)
```
#5e7993
```
#5e7993 rgb(94,121,147)
```
#6a85a0
```
#6a85a0 rgb(106,133,160)
```

Monochromatic Color

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

#4a6a74
```
#4a6a74 rgb(74,106,116)
```
#4a6674
```
#4a6674 rgb(74,102,116)
```
#4a6374
```
#4a6374 rgb(74,99,116)
```
#4a5f74
```
#4a5f74 rgb(74,95,116)
```
#4a5c74
```
#4a5c74 rgb(74,92,116)
```
#4a5874
```
#4a5874 rgb(74,88,116)
```
#4a5574
```
#4a5574 rgb(74,85,116)
```

Similar Colors

Text with hexadecimal color #4a5f74

This text has a font color of #4a5f74.

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

#4a5f74 background color

This paragraph has a background color of #4a5f74.

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

#4a5f74 border color

This element has a border color of #4a5f74.

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

CSS codes

.text {color:#4a5f74;}

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

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

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)
```
#0d1114
```
#0d1114 rgb(13,17,20)
```
#151a20
```
#151a20 rgb(21,26,32)
```
#1c242c
```
#1c242c rgb(28,36,44)
```
#242e38
```
#242e38 rgb(36,46,56)
```
#2b3844
```
#2b3844 rgb(43,56,68)
```
#334250
```
#334250 rgb(51,66,80)
```
#3b4b5c
```
#3b4b5c rgb(59,75,92)
```
#425568
```
#425568 rgb(66,85,104)
```
#4a5f74
```
#4a5f74 rgb(74,95,116)
```
#526980
```
#526980 rgb(82,105,128)
```
#59738c
```
#59738c rgb(89,115,140)
```
#617c98
```
#617c98 rgb(97,124,152)
```

Shade Color Variation

#6c86a1
```
#6c86a1 rgb(108,134,161)
```
#7890a9
```
#7890a9 rgb(120,144,169)
```
#839ab0
```
#839ab0 rgb(131,154,176)
```
#8fa4b8
```
#8fa4b8 rgb(143,164,184)
```
#9badbf
```
#9badbf rgb(155,173,191)
```
#a7b7c7
```
#a7b7c7 rgb(167,183,199)
```
#b3c1cf
```
#b3c1cf rgb(179,193,207)
```
#bfcbd6
```
#bfcbd6 rgb(191,203,214)
```
#cbd5de
```
#cbd5de rgb(203,213,222)
```
#d7dfe6
```
#d7dfe6 rgb(215,223,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 #015fbd is the most saturated one.

#595f65
```
#595f65 rgb(89,95,101)
```
#515f6d
```
#515f6d rgb(81,95,109)
```
#4a5f74
```
#4a5f74 rgb(74,95,116)
```
#435f7b
```
#435f7b rgb(67,95,123)
```
#3b5f83
```
#3b5f83 rgb(59,95,131)
```
#345f8a
```
#345f8a rgb(52,95,138)
```
#2d5f91
```
#2d5f91 rgb(45,95,145)
```
#255f99
```
#255f99 rgb(37,95,153)
```
#1e5fa0
```
#1e5fa0 rgb(30,95,160)
```
#175fa7
```
#175fa7 rgb(23,95,167)
```
#105fae
```
#105fae rgb(16,95,174)
```
#085fb6
```
#085fb6 rgb(8,95,182)
```
#015fbd
```
#015fbd rgb(1,95,189)
```

Tone Color Variation

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

#606479 Protanopia 1% of men
#61637c Deuteranopia 1% of men
#506970 Tritanopia 0.001% of the population

Trichromacy

#586277 Protanomaly 1% of men, 0.01% of women
#596179 Deuteranomaly 6% of men, 0.4% of women
#4e6571 Tritanomaly 0.01% of the population

#4a5f74 hex color

#4a5f74 Color Information

#4a5f74 Color Conversion

Color Schemes with #4a5f74

Alternatives to #4a5f74

#4a5f74 Preview

Shades and Tints of #4a5f74

Tones of #4a5f74

Color Blindness Simulator