#4a557c hex color

In a RGB color space, hex #4a557c is composed of 29% red, 33.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 31.5% magenta, 0% yellow and 51.4% black. It has a hue angle of 226.8 degrees, a saturation of 25.3% and a lightness of 38.8%. #4a557c color hex could be obtained by blending #94aaf8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 29
- G 33
- B 49
RGB color chart
- C 40
- M 31
- Y 0
- K 51
CMYK color chart

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

The hexadecimal color #4a557c has RGB values of R:74, G:85, B:124 and CMYK values of C:0.4, M:0.31, Y:0, K:0.51. Its decimal value is 4871548.

Hex triplet	4a557c	`#4a557c`
RGB Decimal	74, 85, 124	`rgb(74,85,124)`
RGB Percent	29, 33.3, 48.6	`rgb(29%,33.3%,48.6%)`
CMYK	40, 31, 0, 51
HSL	226.8°, 25.3, 38.8	`hsl(226.8,25.3%,38.8%)`
HSV (or HSB)	226.8°, 40.3, 48.6
Web Safe	336666	`#336666`

CIE-LAB	36.758, 6.333, -23.428
XYZ	9.71, 9.408, 20.372
xyY	0.246, 0.238, 9.408
CIE-LCH	36.758, 24.269, 285.126
CIE-LUV	36.758, -6.969, -32.896
Hunter-Lab	30.672, 2.832, -17.909
Binary	01001010, 01010101, 01111100

#4a557c
```
#4a557c rgb(74,85,124)
```
#7c714a
```
#7c714a rgb(124,113,74)
```

Complementary Color

#4a6e7c
```
#4a6e7c rgb(74,110,124)
```
#4a557c
```
#4a557c rgb(74,85,124)
```
#584a7c
```
#584a7c rgb(88,74,124)
```

Analogous Color

#6e7c4a
```
#6e7c4a rgb(110,124,74)
```
#4a557c
```
#4a557c rgb(74,85,124)
```
#7c584a
```
#7c584a rgb(124,88,74)
```

Split Complementary Color

#557c4a
```
#557c4a rgb(85,124,74)
```
#4a557c
```
#4a557c rgb(74,85,124)
```
#7c4a55
```
#7c4a55 rgb(124,74,85)
```

Triadic Color

#4a7c71
```
#4a7c71 rgb(74,124,113)
```
#4a557c
```
#4a557c rgb(74,85,124)
```
#7c4a55
```
#7c4a55 rgb(124,74,85)
```
#7c714a
```
#7c714a rgb(124,113,74)
```

Tetradic Color

#2d344c
```
#2d344c rgb(45,52,76)
```
#373f5c
```
#373f5c rgb(55,63,92)
```
#404a6c
```
#404a6c rgb(64,74,108)
```
#4a557c
```
#4a557c rgb(74,85,124)
```
#54608c
```
#54608c rgb(84,96,140)
```
#5d6b9c
```
#5d6b9c rgb(93,107,156)
```
#6c79a7
```
#6c79a7 rgb(108,121,167)
```

Monochromatic Color

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

#4a627c
```
#4a627c rgb(74,98,124)
```
#4a5d7c
```
#4a5d7c rgb(74,93,124)
```
#4a597c
```
#4a597c rgb(74,89,124)
```
#4a557c
```
#4a557c rgb(74,85,124)
```
#4a517c
```
#4a517c rgb(74,81,124)
```
#4a4d7c
```
#4a4d7c rgb(74,77,124)
```
#4c4a7c
```
#4c4a7c rgb(76,74,124)
```

Similar Colors

Text with hexadecimal color #4a557c

This text has a font color of #4a557c.

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

#4a557c background color

This paragraph has a background color of #4a557c.

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

#4a557c border color

This element has a border color of #4a557c.

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

CSS codes

.text {color:#4a557c;}

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

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

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 #f4f5f8 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#08090d
```
#08090d rgb(8,9,13)
```
#0f121a
```
#0f121a rgb(15,18,26)
```
#171a26
```
#171a26 rgb(23,26,38)
```
#1e2232
```
#1e2232 rgb(30,34,50)
```
#252b3f
```
#252b3f rgb(37,43,63)
```
#2d334b
```
#2d334b rgb(45,51,75)
```
#343c57
```
#343c57 rgb(52,60,87)
```
#3b4463
```
#3b4463 rgb(59,68,99)
```
#434d70
```
#434d70 rgb(67,77,112)
```
#4a557c
```
#4a557c rgb(74,85,124)
```
#515d88
```
#515d88 rgb(81,93,136)
```
#596695
```
#596695 rgb(89,102,149)
```

Shade Color Variation

#606fa0
```
#606fa0 rgb(96,111,160)
```
#6d7aa8
```
#6d7aa8 rgb(109,122,168)
```
#7985af
```
#7985af rgb(121,133,175)
```
#8590b6
```
#8590b6 rgb(133,144,182)
```
#929bbe
```
#929bbe rgb(146,155,190)
```
#9ea6c5
```
#9ea6c5 rgb(158,166,197)
```
#aab2cc
```
#aab2cc rgb(170,178,204)
```
#b6bdd4
```
#b6bdd4 rgb(182,189,212)
```
#c3c8db
```
#c3c8db rgb(195,200,219)
```
#cfd3e2
```
#cfd3e2 rgb(207,211,226)
```
#dbdeea
```
#dbdeea rgb(219,222,234)
```
#e8eaf1
```
#e8eaf1 rgb(232,234,241)
```
#f4f5f8
```
#f4f5f8 rgb(244,245,248)
```

Tint Color Variation

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

#616265
```
#616265 rgb(97,98,101)
```
#595e6d
```
#595e6d rgb(89,94,109)
```
#525974
```
#525974 rgb(82,89,116)
```
#4a557c
```
#4a557c rgb(74,85,124)
```
#425184
```
#425184 rgb(66,81,132)
```
#3b4c8b
```
#3b4c8b rgb(59,76,139)
```
#334893
```
#334893 rgb(51,72,147)
```
#2c449a
```
#2c449a rgb(44,68,154)
```
#2440a2
```
#2440a2 rgb(36,64,162)
```
#1c3baa
```
#1c3baa rgb(28,59,170)
```
#1537b1
```
#1537b1 rgb(21,55,177)
```
#0d33b9
```
#0d33b9 rgb(13,51,185)
```
#052fc1
```
#052fc1 rgb(5,47,193)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#54565e Atypical Achromatopsia 0.001% of the population

Dichromacy

#525d82 Protanopia 1% of men
#515e82 Deuteranopia 1% of men
#4b626a Tritanopia 0.001% of the population

Trichromacy

#4f5a80 Protanomaly 1% of men, 0.01% of women
#4e5a80 Deuteranomaly 6% of men, 0.4% of women
#4b5d70 Tritanomaly 0.01% of the population

#4a557c hex color

#4a557c Color Information

#4a557c Color Conversion

Color Schemes with #4a557c

Alternatives to #4a557c

#4a557c Preview

Shades and Tints of #4a557c

Tones of #4a557c

Color Blindness Simulator