#4a5dd7 hex color

In a RGB color space, hex #4a5dd7 is composed of 29% red, 36.5% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 56.7% magenta, 0% yellow and 15.7% black. It has a hue angle of 231.9 degrees, a saturation of 63.8% and a lightness of 56.7%. #4a5dd7 color hex could be obtained by blending #94baff with #0000af. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 29
- G 36
- B 84
RGB color chart
- C 66
- M 57
- Y 0
- K 16
CMYK color chart

● #4a5dd7 color description : Moderate blue.

The hexadecimal color #4a5dd7 has RGB values of R:74, G:93, B:215 and CMYK values of C:0.66, M:0.57, Y:0, K:0.16. Its decimal value is 4873687.

Hex triplet	4a5dd7	`#4a5dd7`
RGB Decimal	74, 93, 215	`rgb(74,93,215)`
RGB Percent	29, 36.5, 84.3	`rgb(29%,36.5%,84.3%)`
CMYK	66, 57, 0, 16
HSL	231.9°, 63.8, 56.7	`hsl(231.9,63.8%,56.7%)`
HSV (or HSB)	231.9°, 65.6, 84.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.504, 31.569, -64.965
XYZ	19.002, 14.19, 66.024
xyY	0.192, 0.143, 14.19
CIE-LCH	44.504, 72.229, 295.917
CIE-LUV	44.504, -12.177, -99.097
Hunter-Lab	37.669, 24.12, -77.55
Binary	01001010, 01011101, 11010111

#4a5dd7
```
#4a5dd7 rgb(74,93,215)
```
#d7c44a
```
#d7c44a rgb(215,196,74)
```

Complementary Color

#4aa4d7
```
#4aa4d7 rgb(74,164,215)
```
#4a5dd7
```
#4a5dd7 rgb(74,93,215)
```
#7e4ad7
```
#7e4ad7 rgb(126,74,215)
```

Analogous Color

#a4d74a
```
#a4d74a rgb(164,215,74)
```
#4a5dd7
```
#4a5dd7 rgb(74,93,215)
```
#d77e4a
```
#d77e4a rgb(215,126,74)
```

Split Complementary Color

#5dd74a
```
#5dd74a rgb(93,215,74)
```
#4a5dd7
```
#4a5dd7 rgb(74,93,215)
```
#d74a5d
```
#d74a5d rgb(215,74,93)
```

Triadic Color

#4ad7c4
```
#4ad7c4 rgb(74,215,196)
```
#4a5dd7
```
#4a5dd7 rgb(74,93,215)
```
#d74a5d
```
#d74a5d rgb(215,74,93)
```
#d7c44a
```
#d7c44a rgb(215,196,74)
```

Tetradic Color

#2639ae
```
#2639ae rgb(38,57,174)
```
#2b40c3
```
#2b40c3 rgb(43,64,195)
```
#354ad2
```
#354ad2 rgb(53,74,210)
```
#4a5dd7
```
#4a5dd7 rgb(74,93,215)
```
#5f70dc
```
#5f70dc rgb(95,112,220)
```
#7482e0
```
#7482e0 rgb(116,130,224)
```
#8995e5
```
#8995e5 rgb(137,149,229)
```

Monochromatic Color

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

#4a80d7
```
#4a80d7 rgb(74,128,215)
```
#4a75d7
```
#4a75d7 rgb(74,117,215)
```
#4a69d7
```
#4a69d7 rgb(74,105,215)
```
#4a5dd7
```
#4a5dd7 rgb(74,93,215)
```
#4a51d7
```
#4a51d7 rgb(74,81,215)
```
#4e4ad7
```
#4e4ad7 rgb(78,74,215)
```
#5a4ad7
```
#5a4ad7 rgb(90,74,215)
```

Similar Colors

Text with hexadecimal color #4a5dd7

This text has a font color of #4a5dd7.

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

#4a5dd7 background color

This paragraph has a background color of #4a5dd7.

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

#4a5dd7 border color

This element has a border color of #4a5dd7.

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

CSS codes

.text {color:#4a5dd7;}

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

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

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, #03040c is the darkest color, while #fbfbfe is the lightest one.

#03040c
```
#03040c rgb(3,4,12)
```
#06091c
```
#06091c rgb(6,9,28)
```
#0a0e2c
```
#0a0e2c rgb(10,14,44)
```
#0d143c
```
#0d143c rgb(13,20,60)
```
#11194c
```
#11194c rgb(17,25,76)
```
#141e5c
```
#141e5c rgb(20,30,92)
```
#18236c
```
#18236c rgb(24,35,108)
```
#1b287c
```
#1b287c rgb(27,40,124)
```
#1f2e8c
```
#1f2e8c rgb(31,46,140)
```
#23339c
```
#23339c rgb(35,51,156)
```
#2638ac
```
#2638ac rgb(38,56,172)
```
#2a3dbc
```
#2a3dbc rgb(42,61,188)
```
#2d43cd
```
#2d43cd rgb(45,67,205)
```

Shade Color Variation

#3a4fd3
```
#3a4fd3 rgb(58,79,211)
```
#4a5dd7
```
#4a5dd7 rgb(74,93,215)
```
#5a6bdb
```
#5a6bdb rgb(90,107,219)
```
#6a7ade
```
#6a7ade rgb(106,122,222)
```
#7a88e2
```
#7a88e2 rgb(122,136,226)
```
#8a97e5
```
#8a97e5 rgb(138,151,229)
```
#9aa5e9
```
#9aa5e9 rgb(154,165,233)
```
#aab3ec
```
#aab3ec rgb(170,179,236)
```
#bac2f0
```
#bac2f0 rgb(186,194,240)
```
#cbd0f3
```
#cbd0f3 rgb(203,208,243)
```
#dbdef7
```
#dbdef7 rgb(219,222,247)
```
#ebedfb
```
#ebedfb rgb(235,237,251)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#8e8f93
```
#8e8f93 rgb(142,143,147)
```
#86889c
```
#86889c rgb(134,136,156)
```
#7d82a4
```
#7d82a4 rgb(125,130,164)
```
#757cad
```
#757cad rgb(117,124,173)
```
#6c76b5
```
#6c76b5 rgb(108,118,181)
```
#6470be
```
#6470be rgb(100,112,190)
```
#5b69c6
```
#5b69c6 rgb(91,105,198)
```
#5363cf
```
#5363cf rgb(83,99,207)
```
#4a5dd7
```
#4a5dd7 rgb(74,93,215)
```
#4257e0
```
#4257e0 rgb(66,87,224)
```
#3951e8
```
#3951e8 rgb(57,81,232)
```
#304af1
```
#304af1 rgb(48,74,241)
```
#2844f9
```
#2844f9 rgb(40,68,249)
```

Tone Color Variation

Below, you can see how #4a5dd7 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
#60637c Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1a67d6 Protanomaly 1% of men, 0.01% of women
#1a6bc6 Deuteranomaly 6% of men, 0.4% of women
#1a70a2 Tritanomaly 0.01% of the population

#4a5dd7 hex color

#4a5dd7 Color Information

#4a5dd7 Color Conversion

Color Schemes with #4a5dd7

Alternatives to #4a5dd7

#4a5dd7 Preview

Shades and Tints of #4a5dd7

Tones of #4a5dd7

Color Blindness Simulator