#4a5f9a hex color

In a RGB color space, hex #4a5f9a is composed of 29% red, 37.3% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 38.3% magenta, 0% yellow and 39.6% black. It has a hue angle of 224.3 degrees, a saturation of 35.1% and a lightness of 44.7%. #4a5f9a color hex could be obtained by blending #94beff with #000035. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 37
- B 60
RGB color chart
- C 52
- M 38
- Y 0
- K 40
CMYK color chart

● #4a5f9a color description : Dark moderate blue.

The hexadecimal color #4a5f9a has RGB values of R:74, G:95, B:154 and CMYK values of C:0.52, M:0.38, Y:0, K:0.4. Its decimal value is 4874138.

Hex triplet	4a5f9a	`#4a5f9a`
RGB Decimal	74, 95, 154	`rgb(74,95,154)`
RGB Percent	29, 37.3, 60.4	`rgb(29%,37.3%,60.4%)`
CMYK	52, 38, 0, 40
HSL	224.3°, 35.1, 44.7	`hsl(224.3,35.1%,44.7%)`
HSV (or HSB)	224.3°, 51.9, 60.4
Web Safe	336699	`#336699`

CIE-LAB	41.173, 9.503, -34.687
XYZ	12.748, 11.973, 32.209
xyY	0.224, 0.21, 11.973
CIE-LCH	41.173, 35.966, 285.322
CIE-LUV	41.173, -11.444, -51.084
Hunter-Lab	34.602, 5.209, -30.969
Binary	01001010, 01011111, 10011010

#4a5f9a
```
#4a5f9a rgb(74,95,154)
```
#9a854a
```
#9a854a rgb(154,133,74)
```

Complementary Color

#4a879a
```
#4a879a rgb(74,135,154)
```
#4a5f9a
```
#4a5f9a rgb(74,95,154)
```
#5d4a9a
```
#5d4a9a rgb(93,74,154)
```

Analogous Color

#879a4a
```
#879a4a rgb(135,154,74)
```
#4a5f9a
```
#4a5f9a rgb(74,95,154)
```
#9a5d4a
```
#9a5d4a rgb(154,93,74)
```

Split Complementary Color

#5f9a4a
```
#5f9a4a rgb(95,154,74)
```
#4a5f9a
```
#4a5f9a rgb(74,95,154)
```
#9a4a5f
```
#9a4a5f rgb(154,74,95)
```

Triadic Color

#4a9a85
```
#4a9a85 rgb(74,154,133)
```
#4a5f9a
```
#4a5f9a rgb(74,95,154)
```
#9a4a5f
```
#9a4a5f rgb(154,74,95)
```
#9a854a
```
#9a854a rgb(154,133,74)
```

Tetradic Color

#313f66
```
#313f66 rgb(49,63,102)
```
#394a78
```
#394a78 rgb(57,74,120)
```
#425489
```
#425489 rgb(66,84,137)
```
#4a5f9a
```
#4a5f9a rgb(74,95,154)
```
#526aab
```
#526aab rgb(82,106,171)
```
#6378b4
```
#6378b4 rgb(99,120,180)
```
#7487bc
```
#7487bc rgb(116,135,188)
```

Monochromatic Color

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

#4a739a
```
#4a739a rgb(74,115,154)
```
#4a6c9a
```
#4a6c9a rgb(74,108,154)
```
#4a669a
```
#4a669a rgb(74,102,154)
```
#4a5f9a
```
#4a5f9a rgb(74,95,154)
```
#4a589a
```
#4a589a rgb(74,88,154)
```
#4a529a
```
#4a529a rgb(74,82,154)
```
#4a4b9a
```
#4a4b9a rgb(74,75,154)
```

Similar Colors

Text with hexadecimal color #4a5f9a

This text has a font color of #4a5f9a.

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

#4a5f9a background color

This paragraph has a background color of #4a5f9a.

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

#4a5f9a border color

This element has a border color of #4a5f9a.

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

CSS codes

.text {color:#4a5f9a;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0a0d16
```
#0a0d16 rgb(10,13,22)
```
#111523
```
#111523 rgb(17,21,35)
```
#171e30
```
#171e30 rgb(23,30,48)
```
#1d263d
```
#1d263d rgb(29,38,61)
```
#242e4b
```
#242e4b rgb(36,46,75)
```
#2a3658
```
#2a3658 rgb(42,54,88)
```
#313e65
```
#313e65 rgb(49,62,101)
```
#374672
```
#374672 rgb(55,70,114)
```
#3d4f80
```
#3d4f80 rgb(61,79,128)
```
#44578d
```
#44578d rgb(68,87,141)
```
#4a5f9a
```
#4a5f9a rgb(74,95,154)
```
#5067a7
```
#5067a7 rgb(80,103,167)
```

Shade Color Variation

#5b71b0
```
#5b71b0 rgb(91,113,176)
```
#687db7
```
#687db7 rgb(104,125,183)
```
#7688bd
```
#7688bd rgb(118,136,189)
```
#8394c3
```
#8394c3 rgb(131,148,195)
```
#909fca
```
#909fca rgb(144,159,202)
```
#9dabd0
```
#9dabd0 rgb(157,171,208)
```
#abb6d6
```
#abb6d6 rgb(171,182,214)
```
#b8c1dd
```
#b8c1dd rgb(184,193,221)
```
#c5cde3
```
#c5cde3 rgb(197,205,227)
```
#d2d8ea
```
#d2d8ea rgb(210,216,234)
```
#e0e4f0
```
#e0e4f0 rgb(224,228,240)
```
#edeff6
```
#edeff6 rgb(237,239,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#6d7077
```
#6d7077 rgb(109,112,119)
```
#646b80
```
#646b80 rgb(100,107,128)
```
#5c6788
```
#5c6788 rgb(92,103,136)
```
#536391
```
#536391 rgb(83,99,145)
```
#4a5f9a
```
#4a5f9a rgb(74,95,154)
```
#415ba3
```
#415ba3 rgb(65,91,163)
```
#3857ac
```
#3857ac rgb(56,87,172)
```
#3053b4
```
#3053b4 rgb(48,83,180)
```
#274ebd
```
#274ebd rgb(39,78,189)
```
#1e4ac6
```
#1e4ac6 rgb(30,74,198)
```
#1546cf
```
#1546cf rgb(21,70,207)
```
#0d42d7
```
#0d42d7 rgb(13,66,215)
```
#043ee0
```
#043ee0 rgb(4,62,224)
```

Tone Color Variation

Below, you can see how #4a5f9a 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
#5b5f6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#52679f Protanopia 1% of men
#4a699e Deuteranopia 1% of men
#436f78 Tritanopia 0.001% of the population

Trichromacy

#4f649d Protanomaly 1% of men, 0.01% of women
#4a659c Deuteranomaly 6% of men, 0.4% of women
#456984 Tritanomaly 0.01% of the population

#4a5f9a hex color

#4a5f9a Color Information

#4a5f9a Color Conversion

Color Schemes with #4a5f9a

Alternatives to #4a5f9a

#4a5f9a Preview

Shades and Tints of #4a5f9a

Tones of #4a5f9a

Color Blindness Simulator