#4a6474 hex color

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

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

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

The hexadecimal color #4a6474 has RGB values of R:74, G:100, B:116 and CMYK values of C:0.36, M:0.14, Y:0, K:0.55. Its decimal value is 4875380.

Hex triplet	4a6474	`#4a6474`
RGB Decimal	74, 100, 116	`rgb(74,100,116)`
RGB Percent	29, 39.2, 45.5	`rgb(29%,39.2%,45.5%)`
CMYK	36, 14, 0, 55
HSL	202.9°, 22.1, 37.3	`hsl(202.9,22.1%,37.3%)`
HSV (or HSB)	202.9°, 36.2, 45.5
Web Safe	336666	`#336666`

CIE-LAB	40.946, -5.293, -12.091
XYZ	10.533, 11.831, 18.251
xyY	0.259, 0.291, 11.831
CIE-LCH	40.946, 13.198, 246.356
CIE-LUV	40.946, -12.923, -15.81
Hunter-Lab	34.396, -5.532, -7.382
Binary	01001010, 01100100, 01110100

#4a6474
```
#4a6474 rgb(74,100,116)
```
#745a4a
```
#745a4a rgb(116,90,74)
```

Complementary Color

#4a746f
```
#4a746f rgb(74,116,111)
```
#4a6474
```
#4a6474 rgb(74,100,116)
```
#4a4f74
```
#4a4f74 rgb(74,79,116)
```

Analogous Color

#746f4a
```
#746f4a rgb(116,111,74)
```
#4a6474
```
#4a6474 rgb(74,100,116)
```
#744a4f
```
#744a4f rgb(116,74,79)
```

Split Complementary Color

#64744a
```
#64744a rgb(100,116,74)
```
#4a6474
```
#4a6474 rgb(74,100,116)
```
#744a64
```
#744a64 rgb(116,74,100)
```

Triadic Color

#4a745a
```
#4a745a rgb(74,116,90)
```
#4a6474
```
#4a6474 rgb(74,100,116)
```
#744a64
```
#744a64 rgb(116,74,100)
```
#745a4a
```
#745a4a rgb(116,90,74)
```

Tetradic Color

#2c3c45
```
#2c3c45 rgb(44,60,69)
```
#364955
```
#364955 rgb(54,73,85)
```
#405764
```
#405764 rgb(64,87,100)
```
#4a6474
```
#4a6474 rgb(74,100,116)
```
#547184
```
#547184 rgb(84,113,132)
```
#5e7f93
```
#5e7f93 rgb(94,127,147)
```
#6a8ca0
```
#6a8ca0 rgb(106,140,160)
```

Monochromatic Color

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

#4a6f74
```
#4a6f74 rgb(74,111,116)
```
#4a6b74
```
#4a6b74 rgb(74,107,116)
```
#4a6874
```
#4a6874 rgb(74,104,116)
```
#4a6474
```
#4a6474 rgb(74,100,116)
```
#4a6174
```
#4a6174 rgb(74,97,116)
```
#4a5d74
```
#4a5d74 rgb(74,93,116)
```
#4a5a74
```
#4a5a74 rgb(74,90,116)
```

Similar Colors

Text with hexadecimal color #4a6474

This text has a font color of #4a6474.

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

#4a6474 background color

This paragraph has a background color of #4a6474.

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

#4a6474 border color

This element has a border color of #4a6474.

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

CSS codes

.text {color:#4a6474;}

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

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

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)
```
#151c20
```
#151c20 rgb(21,28,32)
```
#1c262c
```
#1c262c rgb(28,38,44)
```
#243038
```
#243038 rgb(36,48,56)
```
#2b3b44
```
#2b3b44 rgb(43,59,68)
```
#334550
```
#334550 rgb(51,69,80)
```
#3b4f5c
```
#3b4f5c rgb(59,79,92)
```
#425a68
```
#425a68 rgb(66,90,104)
```
#4a6474
```
#4a6474 rgb(74,100,116)
```
#526e80
```
#526e80 rgb(82,110,128)
```
#59798c
```
#59798c rgb(89,121,140)
```
#618398
```
#618398 rgb(97,131,152)
```

Shade Color Variation

#6c8da1
```
#6c8da1 rgb(108,141,161)
```
#7896a9
```
#7896a9 rgb(120,150,169)
```
#839fb0
```
#839fb0 rgb(131,159,176)
```
#8fa8b8
```
#8fa8b8 rgb(143,168,184)
```
#9bb2bf
```
#9bb2bf rgb(155,178,191)
```
#a7bbc7
```
#a7bbc7 rgb(167,187,199)
```
#b3c4cf
```
#b3c4cf rgb(179,196,207)
```
#bfced6
```
#bfced6 rgb(191,206,214)
```
#cbd7de
```
#cbd7de rgb(203,215,222)
```
#d7e0e6
```
#d7e0e6 rgb(215,224,230)
```
#e3eaed
```
#e3eaed rgb(227,234,237)
```
#eff3f5
```
#eff3f5 rgb(239,243,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#596165
```
#596165 rgb(89,97,101)
```
#51626d
```
#51626d rgb(81,98,109)
```
#4a6474
```
#4a6474 rgb(74,100,116)
```
#43667b
```
#43667b rgb(67,102,123)
```
#3b6783
```
#3b6783 rgb(59,103,131)
```
#34698a
```
#34698a rgb(52,105,138)
```
#2d6b91
```
#2d6b91 rgb(45,107,145)
```
#256d99
```
#256d99 rgb(37,109,153)
```
#1e6ea0
```
#1e6ea0 rgb(30,110,160)
```
#1770a7
```
#1770a7 rgb(23,112,167)
```
#1072ae
```
#1072ae rgb(16,114,174)
```
#0874b6
```
#0874b6 rgb(8,116,182)
```
#0175bd
```
#0175bd rgb(1,117,189)
```

Tone Color Variation

Below, you can see how #4a6474 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
#5a5f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656778 Protanopia 1% of men
#67667d Deuteranopia 1% of men
#516d75 Tritanopia 0.001% of the population

Trichromacy

#5b6677 Protanomaly 1% of men, 0.01% of women
#5c6579 Deuteranomaly 6% of men, 0.4% of women
#4e6974 Tritanomaly 0.01% of the population

#4a6474 hex color

#4a6474 Color Information

#4a6474 Color Conversion

Color Schemes with #4a6474

Alternatives to #4a6474

#4a6474 Preview

Shades and Tints of #4a6474

Tones of #4a6474

Color Blindness Simulator