#4a5680 hex color

In a RGB color space, hex #4a5680 is composed of 29% red, 33.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 32.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 226.7 degrees, a saturation of 26.7% and a lightness of 39.6%. #4a5680 color hex could be obtained by blending #94acff with #000001. Closest websafe color is: #336699.

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

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

The hexadecimal color #4a5680 has RGB values of R:74, G:86, B:128 and CMYK values of C:0.42, M:0.33, Y:0, K:0.5. Its decimal value is 4871808.

Hex triplet	4a5680	`#4a5680`
RGB Decimal	74, 86, 128	`rgb(74,86,128)`
RGB Percent	29, 33.7, 50.2	`rgb(29%,33.7%,50.2%)`
CMYK	42, 33, 0, 50
HSL	226.7°, 26.7, 39.6	`hsl(226.7,26.7%,39.6%)`
HSV (or HSB)	226.7°, 42.2, 50.2
Web Safe	336699	`#336699`

CIE-LAB	37.243, 6.919, -25.129
XYZ	10.047, 9.67, 21.758
xyY	0.242, 0.233, 9.67
CIE-LCH	37.243, 26.064, 285.395
CIE-LUV	37.243, -7.487, -35.545
Hunter-Lab	31.096, 3.256, -19.718
Binary	01001010, 01010110, 10000000

#4a5680
```
#4a5680 rgb(74,86,128)
```
#80744a
```
#80744a rgb(128,116,74)
```

Complementary Color

#4a7180
```
#4a7180 rgb(74,113,128)
```
#4a5680
```
#4a5680 rgb(74,86,128)
```
#594a80
```
#594a80 rgb(89,74,128)
```

Analogous Color

#71804a
```
#71804a rgb(113,128,74)
```
#4a5680
```
#4a5680 rgb(74,86,128)
```
#80594a
```
#80594a rgb(128,89,74)
```

Split Complementary Color

#56804a
```
#56804a rgb(86,128,74)
```
#4a5680
```
#4a5680 rgb(74,86,128)
```
#804a56
```
#804a56 rgb(128,74,86)
```

Triadic Color

#4a8074
```
#4a8074 rgb(74,128,116)
```
#4a5680
```
#4a5680 rgb(74,86,128)
```
#804a56
```
#804a56 rgb(128,74,86)
```
#80744a
```
#80744a rgb(128,116,74)
```

Tetradic Color

#2e3550
```
#2e3550 rgb(46,53,80)
```
#374060
```
#374060 rgb(55,64,96)
```
#414b70
```
#414b70 rgb(65,75,112)
```
#4a5680
```
#4a5680 rgb(74,86,128)
```
#536190
```
#536190 rgb(83,97,144)
```
#5d6ca0
```
#5d6ca0 rgb(93,108,160)
```
#6c7aaa
```
#6c7aaa rgb(108,122,170)
```

Monochromatic Color

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

#4a6480
```
#4a6480 rgb(74,100,128)
```
#4a5f80
```
#4a5f80 rgb(74,95,128)
```
#4a5b80
```
#4a5b80 rgb(74,91,128)
```
#4a5680
```
#4a5680 rgb(74,86,128)
```
#4a5280
```
#4a5280 rgb(74,82,128)
```
#4a4d80
```
#4a4d80 rgb(74,77,128)
```
#4b4a80
```
#4b4a80 rgb(75,74,128)
```

Similar Colors

Text with hexadecimal color #4a5680

This text has a font color of #4a5680.

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

#4a5680 background color

This paragraph has a background color of #4a5680.

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

#4a5680 border color

This element has a border color of #4a5680.

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

CSS codes

.text {color:#4a5680;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090b10
```
#090b10 rgb(9,11,16)
```
#11131d
```
#11131d rgb(17,19,29)
```
#181c29
```
#181c29 rgb(24,28,41)
```
#1f2435
```
#1f2435 rgb(31,36,53)
```
#262c42
```
#262c42 rgb(38,44,66)
```
#2d354e
```
#2d354e rgb(45,53,78)
```
#343d5b
```
#343d5b rgb(52,61,91)
```
#3c4567
```
#3c4567 rgb(60,69,103)
```
#434e74
```
#434e74 rgb(67,78,116)
```
#4a5680
```
#4a5680 rgb(74,86,128)
```
#515e8c
```
#515e8c rgb(81,94,140)
```
#586799
```
#586799 rgb(88,103,153)
```

Shade Color Variation

#6170a4
```
#6170a4 rgb(97,112,164)
```
#6e7bab
```
#6e7bab rgb(110,123,171)
```
#7a86b2
```
#7a86b2 rgb(122,134,178)
```
#8692b9
```
#8692b9 rgb(134,146,185)
```
#939dc0
```
#939dc0 rgb(147,157,192)
```
#9fa8c8
```
#9fa8c8 rgb(159,168,200)
```
#acb4cf
```
#acb4cf rgb(172,180,207)
```
#b8bfd6
```
#b8bfd6 rgb(184,191,214)
```
#c5cadd
```
#c5cadd rgb(197,202,221)
```
#d1d5e4
```
#d1d5e4 rgb(209,213,228)
```
#dde1ec
```
#dde1ec rgb(221,225,236)
```
#eaecf3
```
#eaecf3 rgb(234,236,243)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

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

#616369
```
#616369 rgb(97,99,105)
```
#5a5f70
```
#5a5f70 rgb(90,95,112)
```
#525a78
```
#525a78 rgb(82,90,120)
```
#4a5680
```
#4a5680 rgb(74,86,128)
```
#425288
```
#425288 rgb(66,82,136)
```
#3a4d90
```
#3a4d90 rgb(58,77,144)
```
#334997
```
#334997 rgb(51,73,151)
```
#2b459f
```
#2b459f rgb(43,69,159)
```
#2340a7
```
#2340a7 rgb(35,64,167)
```
#1b3caf
```
#1b3caf rgb(27,60,175)
```
#1438b6
```
#1438b6 rgb(20,56,182)
```
#0c33be
```
#0c33be rgb(12,51,190)
```
#042fc6
```
#042fc6 rgb(4,47,198)
```

Tone Color Variation

Below, you can see how #4a5680 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
#54575f Atypical Achromatopsia 0.001% of the population

Dichromacy

#525f86 Protanopia 1% of men
#505f86 Deuteranopia 1% of men
#4a646b Tritanopia 0.001% of the population

Trichromacy

#4f5b84 Protanomaly 1% of men, 0.01% of women
#4d5c84 Deuteranomaly 6% of men, 0.4% of women
#4a5f73 Tritanomaly 0.01% of the population

#4a5680 hex color

#4a5680 Color Information

#4a5680 Color Conversion

Color Schemes with #4a5680

Alternatives to #4a5680

#4a5680 Preview

Shades and Tints of #4a5680

Tones of #4a5680

Color Blindness Simulator