#4a486b hex color

In a RGB color space, hex #4a486b is composed of 29% red, 28.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 32.7% magenta, 0% yellow and 58% black. It has a hue angle of 243.4 degrees, a saturation of 19.6% and a lightness of 35.1%. #4a486b color hex could be obtained by blending #9490d6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 29
- G 28
- B 42
RGB color chart
- C 31
- M 33
- Y 0
- K 58
CMYK color chart

● #4a486b color description : Very dark grayish blue.

The hexadecimal color #4a486b has RGB values of R:74, G:72, B:107 and CMYK values of C:0.31, M:0.33, Y:0, K:0.58. Its decimal value is 4868203.

Hex triplet	4a486b	`#4a486b`
RGB Decimal	74, 72, 107	`rgb(74,72,107)`
RGB Percent	29, 28.2, 42	`rgb(29%,28.2%,42%)`
CMYK	31, 33, 0, 58
HSL	243.4°, 19.6, 35.1	`hsl(243.4,19.6%,35.1%)`
HSV (or HSB)	243.4°, 32.7, 42
Web Safe	333366	`#333366`

CIE-LAB	32.15, 9.687, -19.997
XYZ	7.795, 7.152, 14.879
xyY	0.261, 0.24, 7.152
CIE-LCH	32.15, 22.22, 295.847
CIE-LUV	32.15, -1.095, -27.296
Hunter-Lab	26.743, 5.226, -14.266
Binary	01001010, 01001000, 01101011

#4a486b
```
#4a486b rgb(74,72,107)
```
#696b48
```
#696b48 rgb(105,107,72)
```

Complementary Color

#48586b
```
#48586b rgb(72,88,107)
```
#4a486b
```
#4a486b rgb(74,72,107)
```
#5c486b
```
#5c486b rgb(92,72,107)
```

Analogous Color

#586b48
```
#586b48 rgb(88,107,72)
```
#4a486b
```
#4a486b rgb(74,72,107)
```
#6b5c48
```
#6b5c48 rgb(107,92,72)
```

Split Complementary Color

#486b4a
```
#486b4a rgb(72,107,74)
```
#4a486b
```
#4a486b rgb(74,72,107)
```
#6b4a48
```
#6b4a48 rgb(107,74,72)
```

Triadic Color

#48696b
```
#48696b rgb(72,105,107)
```
#4a486b
```
#4a486b rgb(74,72,107)
```
#6b4a48
```
#6b4a48 rgb(107,74,72)
```
#696b48
```
#696b48 rgb(105,107,72)
```

Tetradic Color

#2a293d
```
#2a293d rgb(42,41,61)
```
#35334d
```
#35334d rgb(53,51,77)
```
#3f3e5c
```
#3f3e5c rgb(63,62,92)
```
#4a486b
```
#4a486b rgb(74,72,107)
```
#55527a
```
#55527a rgb(85,82,122)
```
#5f5d89
```
#5f5d89 rgb(95,93,137)
```
#6a6799
```
#6a6799 rgb(106,103,153)
```

Monochromatic Color

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

#484f6b
```
#484f6b rgb(72,79,107)
```
#484c6b
```
#484c6b rgb(72,76,107)
```
#48496b
```
#48496b rgb(72,73,107)
```
#4a486b
```
#4a486b rgb(74,72,107)
```
#4d486b
```
#4d486b rgb(77,72,107)
```
#50486b
```
#50486b rgb(80,72,107)
```
#53486b
```
#53486b rgb(83,72,107)
```

Similar Colors

Text with hexadecimal color #4a486b

This text has a font color of #4a486b.

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

#4a486b background color

This paragraph has a background color of #4a486b.

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

#4a486b border color

This element has a border color of #4a486b.

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

CSS codes

.text {color:#4a486b;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#09090d
```
#09090d rgb(9,9,13)
```
#111119
```
#111119 rgb(17,17,25)
```
#191925
```
#191925 rgb(25,25,37)
```
#212130
```
#212130 rgb(33,33,48)
```
#2a283c
```
#2a283c rgb(42,40,60)
```
#323048
```
#323048 rgb(50,48,72)
```
#3a3854
```
#3a3854 rgb(58,56,84)
```
#42405f
```
#42405f rgb(66,64,95)
```
#4a486b
```
#4a486b rgb(74,72,107)
```
#525077
```
#525077 rgb(82,80,119)
```
#5a5882
```
#5a5882 rgb(90,88,130)
```
#62608e
```
#62608e rgb(98,96,142)
```

Shade Color Variation

#6b6899
```
#6b6899 rgb(107,104,153)
```
#7674a1
```
#7674a1 rgb(118,116,161)
```
#827fa9
```
#827fa9 rgb(130,127,169)
```
#8d8bb1
```
#8d8bb1 rgb(141,139,177)
```
#9997b9
```
#9997b9 rgb(153,151,185)
```
#a4a3c1
```
#a4a3c1 rgb(164,163,193)
```
#b0aec9
```
#b0aec9 rgb(176,174,201)
```
#bbbad1
```
#bbbad1 rgb(187,186,209)
```
#c7c6d9
```
#c7c6d9 rgb(199,198,217)
```
#d2d2e0
```
#d2d2e0 rgb(210,210,224)
```
#dedde8
```
#dedde8 rgb(222,221,232)
```
#e9e9f0
```
#e9e9f0 rgb(233,233,240)
```
#f5f5f8
```
#f5f5f8 rgb(245,245,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56565d is the less saturated color, while #0d03b0 is the most saturated one.

#56565d
```
#56565d rgb(86,86,93)
```
#504f64
```
#504f64 rgb(80,79,100)
```
#4a486b
```
#4a486b rgb(74,72,107)
```
#444172
```
#444172 rgb(68,65,114)
```
#3e3a79
```
#3e3a79 rgb(62,58,121)
```
#383380
```
#383380 rgb(56,51,128)
```
#322c87
```
#322c87 rgb(50,44,135)
```
#2c268d
```
#2c268d rgb(44,38,141)
```
#251f94
```
#251f94 rgb(37,31,148)
```
#1f189b
```
#1f189b rgb(31,24,155)
```
#1911a2
```
#1911a2 rgb(25,17,162)
```
#130aa9
```
#130aa9 rgb(19,10,169)
```
#0d03b0
```
#0d03b0 rgb(13,3,176)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4c4c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5374 Protanopia 1% of men
#4b5471 Deuteranopia 1% of men
#4d565c Tritanopia 0.001% of the population

Trichromacy

#4a4f70 Protanomaly 1% of men, 0.01% of women
#4a4f6f Deuteranomaly 6% of men, 0.4% of women
#4c5161 Tritanomaly 0.01% of the population

#4a486b hex color

#4a486b Color Information

#4a486b Color Conversion

Color Schemes with #4a486b

Alternatives to #4a486b

#4a486b Preview

Shades and Tints of #4a486b

Tones of #4a486b

Color Blindness Simulator