#4a5ec4 hex color

In a RGB color space, hex #4a5ec4 is composed of 29% red, 36.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 52% magenta, 0% yellow and 23.1% black. It has a hue angle of 230.2 degrees, a saturation of 50.8% and a lightness of 52.9%. #4a5ec4 color hex could be obtained by blending #94bcff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 29
- G 37
- B 77
RGB color chart
- C 62
- M 52
- Y 0
- K 23
CMYK color chart

● #4a5ec4 color description : Moderate blue.

The hexadecimal color #4a5ec4 has RGB values of R:74, G:94, B:196 and CMYK values of C:0.62, M:0.52, Y:0, K:0.23. Its decimal value is 4873924.

Hex triplet	4a5ec4	`#4a5ec4`
RGB Decimal	74, 94, 196	`rgb(74,94,196)`
RGB Percent	29, 36.9, 76.9	`rgb(29%,36.9%,76.9%)`
CMYK	62, 52, 0, 23
HSL	230.2°, 50.8, 52.9	`hsl(230.2,50.8%,52.9%)`
HSV (or HSB)	230.2°, 62.2, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.428, 24.386, -55.782
XYZ	16.788, 13.446, 53.932
xyY	0.199, 0.16, 13.446
CIE-LCH	43.428, 60.88, 293.614
CIE-LUV	43.428, -11.995, -84.746
Hunter-Lab	36.669, 17.555, -61.536
Binary	01001010, 01011110, 11000100

#4a5ec4
```
#4a5ec4 rgb(74,94,196)
```
#c4b04a
```
#c4b04a rgb(196,176,74)
```

Complementary Color

#4a9bc4
```
#4a9bc4 rgb(74,155,196)
```
#4a5ec4
```
#4a5ec4 rgb(74,94,196)
```
#734ac4
```
#734ac4 rgb(115,74,196)
```

Analogous Color

#9bc44a
```
#9bc44a rgb(155,196,74)
```
#4a5ec4
```
#4a5ec4 rgb(74,94,196)
```
#c4734a
```
#c4734a rgb(196,115,74)
```

Split Complementary Color

#5ec44a
```
#5ec44a rgb(94,196,74)
```
#4a5ec4
```
#4a5ec4 rgb(74,94,196)
```
#c44a5e
```
#c44a5e rgb(196,74,94)
```

Triadic Color

#4ac4b0
```
#4ac4b0 rgb(74,196,176)
```
#4a5ec4
```
#4a5ec4 rgb(74,94,196)
```
#c44a5e
```
#c44a5e rgb(196,74,94)
```
#c4b04a
```
#c4b04a rgb(196,176,74)
```

Tetradic Color

#304092
```
#304092 rgb(48,64,146)
```
#3648a5
```
#3648a5 rgb(54,72,165)
```
#3c50b8
```
#3c50b8 rgb(60,80,184)
```
#4a5ec4
```
#4a5ec4 rgb(74,94,196)
```
#5d6fca
```
#5d6fca rgb(93,111,202)
```
#7080d1
```
#7080d1 rgb(112,128,209)
```
#8491d7
```
#8491d7 rgb(132,145,215)
```

Monochromatic Color

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

#4a7dc4
```
#4a7dc4 rgb(74,125,196)
```
#4a72c4
```
#4a72c4 rgb(74,114,196)
```
#4a68c4
```
#4a68c4 rgb(74,104,196)
```
#4a5ec4
```
#4a5ec4 rgb(74,94,196)
```
#4a54c4
```
#4a54c4 rgb(74,84,196)
```
#4a4ac4
```
#4a4ac4 rgb(74,74,196)
```
#544ac4
```
#544ac4 rgb(84,74,196)
```

Similar Colors

Text with hexadecimal color #4a5ec4

This text has a font color of #4a5ec4.

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

#4a5ec4 background color

This paragraph has a background color of #4a5ec4.

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

#4a5ec4 border color

This element has a border color of #4a5ec4.

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

CSS codes

.text {color:#4a5ec4;}

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

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

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, #04050b is the darkest color, while #fcfcfe is the lightest one.

#04050b
```
#04050b rgb(4,5,11)
```
#090b1a
```
#090b1a rgb(9,11,26)
```
#0d1229
```
#0d1229 rgb(13,18,41)
```
#121838
```
#121838 rgb(18,24,56)
```
#171f46
```
#171f46 rgb(23,31,70)
```
#1c2555
```
#1c2555 rgb(28,37,85)
```
#212c64
```
#212c64 rgb(33,44,100)
```
#253273
```
#253273 rgb(37,50,115)
```
#2a3982
```
#2a3982 rgb(42,57,130)
```
#2f3f90
```
#2f3f90 rgb(47,63,144)
```
#34469f
```
#34469f rgb(52,70,159)
```
#394cae
```
#394cae rgb(57,76,174)
```
#3e52bd
```
#3e52bd rgb(62,82,189)
```

Shade Color Variation

#4a5ec4
```
#4a5ec4 rgb(74,94,196)
```
#596bc9
```
#596bc9 rgb(89,107,201)
```
#6878ce
```
#6878ce rgb(104,120,206)
```
#7685d2
```
#7685d2 rgb(118,133,210)
```
#8593d7
```
#8593d7 rgb(133,147,215)
```
#94a0dc
```
#94a0dc rgb(148,160,220)
```
#a3ade1
```
#a3ade1 rgb(163,173,225)
```
#b2bae6
```
#b2bae6 rgb(178,186,230)
```
#c0c7eb
```
#c0c7eb rgb(192,199,235)
```
#cfd4ef
```
#cfd4ef rgb(207,212,239)
```
#dee2f4
```
#dee2f4 rgb(222,226,244)
```
#edeff9
```
#edeff9 rgb(237,239,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81838d is the less saturated color, while #1339fb is the most saturated one.

#81838d
```
#81838d rgb(129,131,141)
```
#787d96
```
#787d96 rgb(120,125,150)
```
#6f779f
```
#6f779f rgb(111,119,159)
```
#6671a8
```
#6671a8 rgb(102,113,168)
```
#5c6ab2
```
#5c6ab2 rgb(92,106,178)
```
#5364bb
```
#5364bb rgb(83,100,187)
```
#4a5ec4
```
#4a5ec4 rgb(74,94,196)
```
#4158cd
```
#4158cd rgb(65,88,205)
```
#3852d6
```
#3852d6 rgb(56,82,214)
```
#2e4be0
```
#2e4be0 rgb(46,75,224)
```
#2545e9
```
#2545e9 rgb(37,69,233)
```
#1c3ff2
```
#1c3ff2 rgb(28,63,242)
```
#1339fb
```
#1339fb rgb(19,57,251)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5f6377 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a6bcb Protanopia 1% of men
#0070ba Deuteranopia 1% of men
#1e7881 Tritanopia 0.001% of the population

Trichromacy

#3566c8 Protanomaly 1% of men, 0.01% of women
#1a69bd Deuteranomaly 6% of men, 0.4% of women
#2e6f99 Tritanomaly 0.01% of the population

#4a5ec4 hex color

#4a5ec4 Color Information

#4a5ec4 Color Conversion

Color Schemes with #4a5ec4

Alternatives to #4a5ec4

#4a5ec4 Preview

Shades and Tints of #4a5ec4

Tones of #4a5ec4

Color Blindness Simulator