#4a5f96 hex color

In a RGB color space, hex #4a5f96 is composed of 29% red, 37.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 36.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 223.4 degrees, a saturation of 33.9% and a lightness of 43.9%. #4a5f96 color hex could be obtained by blending #94beff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 37
- B 59
RGB color chart
- C 51
- M 37
- Y 0
- K 41
CMYK color chart

● #4a5f96 color description : Dark moderate blue.

The hexadecimal color #4a5f96 has RGB values of R:74, G:95, B:150 and CMYK values of C:0.51, M:0.37, Y:0, K:0.41. Its decimal value is 4874134.

Hex triplet	4a5f96	`#4a5f96`
RGB Decimal	74, 95, 150	`rgb(74,95,150)`
RGB Percent	29, 37.3, 58.8	`rgb(29%,37.3%,58.8%)`
CMYK	51, 37, 0, 41
HSL	223.4°, 33.9, 43.9	`hsl(223.4,33.9%,43.9%)`
HSV (or HSB)	223.4°, 50.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	40.963, 8.194, -32.625
XYZ	12.42, 11.842, 30.484
xyY	0.227, 0.216, 11.842
CIE-LCH	40.963, 33.638, 284.099
CIE-LUV	40.963, -11.371, -47.785
Hunter-Lab	34.412, 4.204, -28.434
Binary	01001010, 01011111, 10010110

#4a5f96
```
#4a5f96 rgb(74,95,150)
```
#96814a
```
#96814a rgb(150,129,74)
```

Complementary Color

#4a8596
```
#4a8596 rgb(74,133,150)
```
#4a5f96
```
#4a5f96 rgb(74,95,150)
```
#5b4a96
```
#5b4a96 rgb(91,74,150)
```

Analogous Color

#85964a
```
#85964a rgb(133,150,74)
```
#4a5f96
```
#4a5f96 rgb(74,95,150)
```
#965b4a
```
#965b4a rgb(150,91,74)
```

Split Complementary Color

#5f964a
```
#5f964a rgb(95,150,74)
```
#4a5f96
```
#4a5f96 rgb(74,95,150)
```
#964a5f
```
#964a5f rgb(150,74,95)
```

Triadic Color

#4a9681
```
#4a9681 rgb(74,150,129)
```
#4a5f96
```
#4a5f96 rgb(74,95,150)
```
#964a5f
```
#964a5f rgb(150,74,95)
```
#96814a
```
#96814a rgb(150,129,74)
```

Tetradic Color

#313f63
```
#313f63 rgb(49,63,99)
```
#394974
```
#394974 rgb(57,73,116)
```
#425485
```
#425485 rgb(66,84,133)
```
#4a5f96
```
#4a5f96 rgb(74,95,150)
```
#526aa7
```
#526aa7 rgb(82,106,167)
```
#6278b1
```
#6278b1 rgb(98,120,177)
```
#7386ba
```
#7386ba rgb(115,134,186)
```

Monochromatic Color

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

#4a7296
```
#4a7296 rgb(74,114,150)
```
#4a6c96
```
#4a6c96 rgb(74,108,150)
```
#4a6596
```
#4a6596 rgb(74,101,150)
```
#4a5f96
```
#4a5f96 rgb(74,95,150)
```
#4a5996
```
#4a5996 rgb(74,89,150)
```
#4a5296
```
#4a5296 rgb(74,82,150)
```
#4a4c96
```
#4a4c96 rgb(74,76,150)
```

Similar Colors

Text with hexadecimal color #4a5f96

This text has a font color of #4a5f96.

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

#4a5f96 background color

This paragraph has a background color of #4a5f96.

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

#4a5f96 border color

This element has a border color of #4a5f96.

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

CSS codes

.text {color:#4a5f96;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#090c13
```
#090c13 rgb(9,12,19)
```
#101420
```
#101420 rgb(16,20,32)
```
#161c2d
```
#161c2d rgb(22,28,45)
```
#1d253a
```
#1d253a rgb(29,37,58)
```
#232d47
```
#232d47 rgb(35,45,71)
```
#2a3554
```
#2a3554 rgb(42,53,84)
```
#303e61
```
#303e61 rgb(48,62,97)
```
#37466f
```
#37466f rgb(55,70,111)
```
#3d4e7c
```
#3d4e7c rgb(61,78,124)
```
#445789
```
#445789 rgb(68,87,137)
```
#4a5f96
```
#4a5f96 rgb(74,95,150)
```
#5067a3
```
#5067a3 rgb(80,103,163)
```

Shade Color Variation

#5a71ad
```
#5a71ad rgb(90,113,173)
```
#677cb4
```
#677cb4 rgb(103,124,180)
```
#7487ba
```
#7487ba rgb(116,135,186)
```
#8193c1
```
#8193c1 rgb(129,147,193)
```
#8e9ec7
```
#8e9ec7 rgb(142,158,199)
```
#9ba9ce
```
#9ba9ce rgb(155,169,206)
```
#a9b5d4
```
#a9b5d4 rgb(169,181,212)
```
#b6c0db
```
#b6c0db rgb(182,192,219)
```
#c3cbe1
```
#c3cbe1 rgb(195,203,225)
```
#d0d7e8
```
#d0d7e8 rgb(208,215,232)
```
#dde2ee
```
#dde2ee rgb(221,226,238)
```
#eaedf5
```
#eaedf5 rgb(234,237,245)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6e74 is the less saturated color, while #0540db is the most saturated one.

#6c6e74
```
#6c6e74 rgb(108,110,116)
```
#646b7c
```
#646b7c rgb(100,107,124)
```
#5b6785
```
#5b6785 rgb(91,103,133)
```
#53638d
```
#53638d rgb(83,99,141)
```
#4a5f96
```
#4a5f96 rgb(74,95,150)
```
#415b9f
```
#415b9f rgb(65,91,159)
```
#3957a7
```
#3957a7 rgb(57,87,167)
```
#3053b0
```
#3053b0 rgb(48,83,176)
```
#2850b8
```
#2850b8 rgb(40,80,184)
```
#1f4cc1
```
#1f4cc1 rgb(31,76,193)
```
#1648ca
```
#1648ca rgb(22,72,202)
```
#0e44d2
```
#0e44d2 rgb(14,68,210)
```
#0540db
```
#0540db rgb(5,64,219)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5b5f6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#54679b Protanopia 1% of men
#4d689a Deuteranopia 1% of men
#446f77 Tritanopia 0.001% of the population

Trichromacy

#506499 Protanomaly 1% of men, 0.01% of women
#4c6599 Deuteranomaly 6% of men, 0.4% of women
#466982 Tritanomaly 0.01% of the population

#4a5f96 hex color

#4a5f96 Color Information

#4a5f96 Color Conversion

Color Schemes with #4a5f96

Alternatives to #4a5f96

#4a5f96 Preview

Shades and Tints of #4a5f96

Tones of #4a5f96

Color Blindness Simulator