#4a5ed4 hex color

In a RGB color space, hex #4a5ed4 is composed of 29% red, 36.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 55.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 231.3 degrees, a saturation of 61.6% and a lightness of 56.1%. #4a5ed4 color hex could be obtained by blending #94bcff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 29
- G 37
- B 83
RGB color chart
- C 65
- M 56
- Y 0
- K 17
CMYK color chart

● #4a5ed4 color description : Moderate blue.

The hexadecimal color #4a5ed4 has RGB values of R:74, G:94, B:212 and CMYK values of C:0.65, M:0.56, Y:0, K:0.17. Its decimal value is 4873940.

Hex triplet	4a5ed4	`#4a5ed4`
RGB Decimal	74, 94, 212	`rgb(74,94,212)`
RGB Percent	29, 36.9, 83.1	`rgb(29%,36.9%,83.1%)`
CMYK	65, 56, 0, 17
HSL	231.3°, 61.6, 56.1	`hsl(231.3,61.6%,56.1%)`
HSV (or HSB)	231.3°, 65.1, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.538, 29.909, -63.195
XYZ	18.708, 14.214, 64.041
xyY	0.193, 0.147, 14.214
CIE-LCH	44.538, 69.915, 295.327
CIE-LUV	44.538, -12.37, -96.493
Hunter-Lab	37.701, 22.598, -74.323
Binary	01001010, 01011110, 11010100

#4a5ed4
```
#4a5ed4 rgb(74,94,212)
```
#d4c04a
```
#d4c04a rgb(212,192,74)
```

Complementary Color

#4aa3d4
```
#4aa3d4 rgb(74,163,212)
```
#4a5ed4
```
#4a5ed4 rgb(74,94,212)
```
#7b4ad4
```
#7b4ad4 rgb(123,74,212)
```

Analogous Color

#a3d44a
```
#a3d44a rgb(163,212,74)
```
#4a5ed4
```
#4a5ed4 rgb(74,94,212)
```
#d47b4a
```
#d47b4a rgb(212,123,74)
```

Split Complementary Color

#5ed44a
```
#5ed44a rgb(94,212,74)
```
#4a5ed4
```
#4a5ed4 rgb(74,94,212)
```
#d44a5e
```
#d44a5e rgb(212,74,94)
```

Triadic Color

#4ad4c0
```
#4ad4c0 rgb(74,212,192)
```
#4a5ed4
```
#4a5ed4 rgb(74,94,212)
```
#d44a5e
```
#d44a5e rgb(212,74,94)
```
#d4c04a
```
#d4c04a rgb(212,192,74)
```

Tetradic Color

#283ba9
```
#283ba9 rgb(40,59,169)
```
#2d42be
```
#2d42be rgb(45,66,190)
```
#354ccf
```
#354ccf rgb(53,76,207)
```
#4a5ed4
```
#4a5ed4 rgb(74,94,212)
```
#5f70d9
```
#5f70d9 rgb(95,112,217)
```
#7383de
```
#7383de rgb(115,131,222)
```
#8895e3
```
#8895e3 rgb(136,149,227)
```

Monochromatic Color

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

#4a81d4
```
#4a81d4 rgb(74,129,212)
```
#4a75d4
```
#4a75d4 rgb(74,117,212)
```
#4a6ad4
```
#4a6ad4 rgb(74,106,212)
```
#4a5ed4
```
#4a5ed4 rgb(74,94,212)
```
#4a53d4
```
#4a53d4 rgb(74,83,212)
```
#4d4ad4
```
#4d4ad4 rgb(77,74,212)
```
#584ad4
```
#584ad4 rgb(88,74,212)
```

Similar Colors

Text with hexadecimal color #4a5ed4

This text has a font color of #4a5ed4.

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

#4a5ed4 background color

This paragraph has a background color of #4a5ed4.

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

#4a5ed4 border color

This element has a border color of #4a5ed4.

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

CSS codes

.text {color:#4a5ed4;}

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

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

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

#020309
```
#020309 rgb(2,3,9)
```
#060919
```
#060919 rgb(6,9,25)
```
#0a0e29
```
#0a0e29 rgb(10,14,41)
```
#0d1439
```
#0d1439 rgb(13,20,57)
```
#111949
```
#111949 rgb(17,25,73)
```
#151f58
```
#151f58 rgb(21,31,88)
```
#192468
```
#192468 rgb(25,36,104)
```
#1d2a78
```
#1d2a78 rgb(29,42,120)
```
#202f88
```
#202f88 rgb(32,47,136)
```
#243598
```
#243598 rgb(36,53,152)
```
#283aa8
```
#283aa8 rgb(40,58,168)
```
#2c40b8
```
#2c40b8 rgb(44,64,184)
```
#2f45c7
```
#2f45c7 rgb(47,69,199)
```

Shade Color Variation

#3a50d0
```
#3a50d0 rgb(58,80,208)
```
#4a5ed4
```
#4a5ed4 rgb(74,94,212)
```
#5a6cd8
```
#5a6cd8 rgb(90,108,216)
```
#6a7adc
```
#6a7adc rgb(106,122,220)
```
#7a88df
```
#7a88df rgb(122,136,223)
```
#8996e3
```
#8996e3 rgb(137,150,227)
```
#99a4e7
```
#99a4e7 rgb(153,164,231)
```
#a9b3eb
```
#a9b3eb rgb(169,179,235)
```
#b9c1ee
```
#b9c1ee rgb(185,193,238)
```
#c9cff2
```
#c9cff2 rgb(201,207,242)
```
#d9ddf6
```
#d9ddf6 rgb(217,221,246)
```
#e8ebfa
```
#e8ebfa rgb(232,235,250)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8f8f is the less saturated color, while #2846f6 is the most saturated one.

#8f8f8f
```
#8f8f8f rgb(143,143,143)
```
#868998
```
#868998 rgb(134,137,152)
```
#7e83a0
```
#7e83a0 rgb(126,131,160)
```
#757da9
```
#757da9 rgb(117,125,169)
```
#6c76b2
```
#6c76b2 rgb(108,118,178)
```
#6470ba
```
#6470ba rgb(100,112,186)
```
#5b6ac3
```
#5b6ac3 rgb(91,106,195)
```
#5364cb
```
#5364cb rgb(83,100,203)
```
#4a5ed4
```
#4a5ed4 rgb(74,94,212)
```
#4158dd
```
#4158dd rgb(65,88,221)
```
#3952e5
```
#3952e5 rgb(57,82,229)
```
#304cee
```
#304cee rgb(48,76,238)
```
#2846f6
```
#2846f6 rgb(40,70,246)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#60647b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd7 Protanopia 1% of men
#0073bc Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#1a67d5 Protanomaly 1% of men, 0.01% of women
#1a6bc5 Deuteranomaly 6% of men, 0.4% of women
#1a71a1 Tritanomaly 0.01% of the population

#4a5ed4 hex color

#4a5ed4 Color Information

#4a5ed4 Color Conversion

Color Schemes with #4a5ed4

Alternatives to #4a5ed4

#4a5ed4 Preview

Shades and Tints of #4a5ed4

Tones of #4a5ed4

Color Blindness Simulator