#4a5583 hex color

In a RGB color space, hex #4a5583 is composed of 29% red, 33.3% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 35.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 228.4 degrees, a saturation of 27.8% and a lightness of 40.2%. #4a5583 color hex could be obtained by blending #94aaff with #000007. Closest websafe color is: #336699.

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

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

The hexadecimal color #4a5583 has RGB values of R:74, G:85, B:131 and CMYK values of C:0.44, M:0.35, Y:0, K:0.49. Its decimal value is 4871555.

Hex triplet	4a5583	`#4a5583`
RGB Decimal	74, 85, 131	`rgb(74,85,131)`
RGB Percent	29, 33.3, 51.4	`rgb(29%,33.3%,51.4%)`
CMYK	44, 35, 0, 49
HSL	228.4°, 27.8, 40.2	`hsl(228.4,27.8%,40.2%)`
HSV (or HSB)	228.4°, 43.5, 51.4
Web Safe	336699	`#336699`

CIE-LAB	37.099, 8.488, -27.193
XYZ	10.168, 9.591, 22.787
xyY	0.239, 0.225, 9.591
CIE-LCH	37.099, 28.487, 287.334
CIE-LUV	37.099, -7.211, -38.678
Hunter-Lab	30.97, 4.411, -21.946
Binary	01001010, 01010101, 10000011

#4a5583
```
#4a5583 rgb(74,85,131)
```
#83784a
```
#83784a rgb(131,120,74)
```

Complementary Color

#4a7283
```
#4a7283 rgb(74,114,131)
```
#4a5583
```
#4a5583 rgb(74,85,131)
```
#5c4a83
```
#5c4a83 rgb(92,74,131)
```

Analogous Color

#72834a
```
#72834a rgb(114,131,74)
```
#4a5583
```
#4a5583 rgb(74,85,131)
```
#835c4a
```
#835c4a rgb(131,92,74)
```

Split Complementary Color

#55834a
```
#55834a rgb(85,131,74)
```
#4a5583
```
#4a5583 rgb(74,85,131)
```
#834a55
```
#834a55 rgb(131,74,85)
```

Triadic Color

#4a8378
```
#4a8378 rgb(74,131,120)
```
#4a5583
```
#4a5583 rgb(74,85,131)
```
#834a55
```
#834a55 rgb(131,74,85)
```
#83784a
```
#83784a rgb(131,120,74)
```

Tetradic Color

#2e3552
```
#2e3552 rgb(46,53,82)
```
#384062
```
#384062 rgb(56,64,98)
```
#414a73
```
#414a73 rgb(65,74,115)
```
#4a5583
```
#4a5583 rgb(74,85,131)
```
#536093
```
#536093 rgb(83,96,147)
```
#5d6aa3
```
#5d6aa3 rgb(93,106,163)
```
#6d79ad
```
#6d79ad rgb(109,121,173)
```

Monochromatic Color

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

#4a6383
```
#4a6383 rgb(74,99,131)
```
#4a5f83
```
#4a5f83 rgb(74,95,131)
```
#4a5a83
```
#4a5a83 rgb(74,90,131)
```
#4a5583
```
#4a5583 rgb(74,85,131)
```
#4a5083
```
#4a5083 rgb(74,80,131)
```
#4a4c83
```
#4a4c83 rgb(74,76,131)
```
#4d4a83
```
#4d4a83 rgb(77,74,131)
```

Similar Colors

Text with hexadecimal color #4a5583

This text has a font color of #4a5583.

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

#4a5583 background color

This paragraph has a background color of #4a5583.

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

#4a5583 border color

This element has a border color of #4a5583.

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

CSS codes

.text {color:#4a5583;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0c12
```
#0a0c12 rgb(10,12,18)
```
#11141f
```
#11141f rgb(17,20,31)
```
#181c2b
```
#181c2b rgb(24,28,43)
```
#202438
```
#202438 rgb(32,36,56)
```
#272c44
```
#272c44 rgb(39,44,68)
```
#2e3451
```
#2e3451 rgb(46,52,81)
```
#353d5d
```
#353d5d rgb(53,61,93)
```
#3c456a
```
#3c456a rgb(60,69,106)
```
#434d76
```
#434d76 rgb(67,77,118)
```
#4a5583
```
#4a5583 rgb(74,85,131)
```
#515d90
```
#515d90 rgb(81,93,144)
```
#58659c
```
#58659c rgb(88,101,156)
```

Shade Color Variation

#626fa6
```
#626fa6 rgb(98,111,166)
```
#6e7aad
```
#6e7aad rgb(110,122,173)
```
#7b86b4
```
#7b86b4 rgb(123,134,180)
```
#8791bb
```
#8791bb rgb(135,145,187)
```
#949dc2
```
#949dc2 rgb(148,157,194)
```
#a0a8ca
```
#a0a8ca rgb(160,168,202)
```
#adb4d1
```
#adb4d1 rgb(173,180,209)
```
#b9bfd8
```
#b9bfd8 rgb(185,191,216)
```
#c6cbdf
```
#c6cbdf rgb(198,203,223)
```
#d3d6e6
```
#d3d6e6 rgb(211,214,230)
```
#dfe2ed
```
#dfe2ed rgb(223,226,237)
```
#ecedf4
```
#ecedf4 rgb(236,237,244)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62646b is the less saturated color, while #0329ca is the most saturated one.

#62646b
```
#62646b rgb(98,100,107)
```
#5a5f73
```
#5a5f73 rgb(90,95,115)
```
#525a7b
```
#525a7b rgb(82,90,123)
```
#4a5583
```
#4a5583 rgb(74,85,131)
```
#42508b
```
#42508b rgb(66,80,139)
```
#3a4b93
```
#3a4b93 rgb(58,75,147)
```
#32469b
```
#32469b rgb(50,70,155)
```
#2a42a3
```
#2a42a3 rgb(42,66,163)
```
#233daa
```
#233daa rgb(35,61,170)
```
#1b38b2
```
#1b38b2 rgb(27,56,178)
```
#1333ba
```
#1333ba rgb(19,51,186)
```
#0b2ec2
```
#0b2ec2 rgb(11,46,194)
```
#0329ca
```
#0329ca rgb(3,41,202)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#545760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505e89 Protanopia 1% of men
#4c5f88 Deuteranopia 1% of men
#49646b Tritanopia 0.001% of the population

Trichromacy

#4d5b87 Protanomaly 1% of men, 0.01% of women
#4b5b86 Deuteranomaly 6% of men, 0.4% of women
#495e74 Tritanomaly 0.01% of the population

#4a5583 hex color

#4a5583 Color Information

#4a5583 Color Conversion

Color Schemes with #4a5583

Alternatives to #4a5583

#4a5583 Preview

Shades and Tints of #4a5583

Tones of #4a5583

Color Blindness Simulator