#504ae4 hex color

In a RGB color space, hex #504ae4 is composed of 31.4% red, 29% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 67.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 242.3 degrees, a saturation of 74% and a lightness of 59.2%. #504ae4 color hex could be obtained by blending #a094ff with #0000c9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 29
- B 89
RGB color chart
- C 65
- M 68
- Y 0
- K 11
CMYK color chart

● #504ae4 color description : Soft blue.

The hexadecimal color #504ae4 has RGB values of R:80, G:74, B:228 and CMYK values of C:0.65, M:0.68, Y:0, K:0.11. Its decimal value is 5262052.

Hex triplet	504ae4	`#504ae4`
RGB Decimal	80, 74, 228	`rgb(80,74,228)`
RGB Percent	31.4, 29, 89.4	`rgb(31.4%,29%,89.4%)`
CMYK	65, 68, 0, 11
HSL	242.3°, 74, 59.2	`hsl(242.3,74%,59.2%)`
HSV (or HSB)	242.3°, 67.5, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.538, 48.183, -77.198
XYZ	19.758, 12.204, 74.709
xyY	0.185, 0.114, 12.204
CIE-LCH	41.538, 91, 301.97
CIE-LUV	41.538, -6.872, -113.982
Hunter-Lab	34.934, 39.823, -102.344
Binary	01010000, 01001010, 11100100

#504ae4
```
#504ae4 rgb(80,74,228)
```
#dee44a
```
#dee44a rgb(222,228,74)
```

Complementary Color

#4a91e4
```
#4a91e4 rgb(74,145,228)
```
#504ae4
```
#504ae4 rgb(80,74,228)
```
#9d4ae4
```
#9d4ae4 rgb(157,74,228)
```

Analogous Color

#91e44a
```
#91e44a rgb(145,228,74)
```
#504ae4
```
#504ae4 rgb(80,74,228)
```
#e49d4a
```
#e49d4a rgb(228,157,74)
```

Split Complementary Color

#4ae450
```
#4ae450 rgb(74,228,80)
```
#504ae4
```
#504ae4 rgb(80,74,228)
```
#e4504a
```
#e4504a rgb(228,80,74)
```

Triadic Color

#4adee4
```
#4adee4 rgb(74,222,228)
```
#504ae4
```
#504ae4 rgb(80,74,228)
```
#e4504a
```
#e4504a rgb(228,80,74)
```
#dee44a
```
#dee44a rgb(222,228,74)
```

Tetradic Color

#241dc4
```
#241dc4 rgb(36,29,196)
```
#2821da
```
#2821da rgb(40,33,218)
```
#3b34e1
```
#3b34e1 rgb(59,52,225)
```
#504ae4
```
#504ae4 rgb(80,74,228)
```
#6560e7
```
#6560e7 rgb(101,96,231)
```
#7b76eb
```
#7b76eb rgb(123,118,235)
```
#908dee
```
#908dee rgb(144,141,238)
```

Monochromatic Color

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

#4a6be4
```
#4a6be4 rgb(74,107,228)
```
#4a5ee4
```
#4a5ee4 rgb(74,94,228)
```
#4a51e4
```
#4a51e4 rgb(74,81,228)
```
#504ae4
```
#504ae4 rgb(80,74,228)
```
#5d4ae4
```
#5d4ae4 rgb(93,74,228)
```
#6a4ae4
```
#6a4ae4 rgb(106,74,228)
```
#774ae4
```
#774ae4 rgb(119,74,228)
```

Similar Colors

Text with hexadecimal color #504ae4

This text has a font color of #504ae4.

<span style="color:#504ae4;">Text here</span>

#504ae4 background color

This paragraph has a background color of #504ae4.

<p style="background-color:#504ae4;">Content here</p>

#504ae4 border color

This element has a border color of #504ae4.

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

CSS codes

.text {color:#504ae4;}

.background {background-color:#504ae4;}

.border {border:1px solid #504ae4;}

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

#010107
```
#010107 rgb(1,1,7)
```
#040418
```
#040418 rgb(4,4,24)
```
#070629
```
#070629 rgb(7,6,41)
```
#0b093a
```
#0b093a rgb(11,9,58)
```
#0e0b4b
```
#0e0b4b rgb(14,11,75)
```
#110e5c
```
#110e5c rgb(17,14,92)
```
#14106d
```
#14106d rgb(20,16,109)
```
#17137e
```
#17137e rgb(23,19,126)
```
#1a158f
```
#1a158f rgb(26,21,143)
```
#1d18a0
```
#1d18a0 rgb(29,24,160)
```
#201ab1
```
#201ab1 rgb(32,26,177)
```
#231dc3
```
#231dc3 rgb(35,29,195)
```
#2720d4
```
#2720d4 rgb(39,32,212)
```

Shade Color Variation

#2f28df
```
#2f28df rgb(47,40,223)
```
#3f39e1
```
#3f39e1 rgb(63,57,225)
```
#504ae4
```
#504ae4 rgb(80,74,228)
```
#615be7
```
#615be7 rgb(97,91,231)
```
#716ce9
```
#716ce9 rgb(113,108,233)
```
#827dec
```
#827dec rgb(130,125,236)
```
#928eee
```
#928eee rgb(146,142,238)
```
#a39ff1
```
#a39ff1 rgb(163,159,241)
```
#b3b0f3
```
#b3b0f3 rgb(179,176,243)
```
#c4c1f6
```
#c4c1f6 rgb(196,193,246)
```
#d4d3f8
```
#d4d3f8 rgb(212,211,248)
```
#e5e4fb
```
#e5e4fb rgb(229,228,251)
```
#f5f5fd
```
#f5f5fd rgb(245,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92929c is the less saturated color, while #3a32fc is the most saturated one.

#92929c
```
#92929c rgb(146,146,156)
```
#8b8aa4
```
#8b8aa4 rgb(139,138,164)
```
#8482ac
```
#8482ac rgb(132,130,172)
```
#7c7ab4
```
#7c7ab4 rgb(124,122,180)
```
#7572bc
```
#7572bc rgb(117,114,188)
```
#6e6ac4
```
#6e6ac4 rgb(110,106,196)
```
#6662cc
```
#6662cc rgb(102,98,204)
```
#5f5ad4
```
#5f5ad4 rgb(95,90,212)
```
#5752dc
```
#5752dc rgb(87,82,220)
```
#504ae4
```
#504ae4 rgb(80,74,228)
```
#4942ec
```
#4942ec rgb(73,66,236)
```
#413af4
```
#413af4 rgb(65,58,244)
```
#3a32fc
```
#3a32fc rgb(58,50,252)
```

Tone Color Variation

Below, you can see how #504ae4 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

#5d5d5d Achromatopsia 0.005% of the population
#5a5978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006caf Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#1d5cd2 Protanomaly 1% of men, 0.01% of women
#1d60c2 Deuteranomaly 6% of men, 0.4% of women
#1d65a1 Tritanomaly 0.01% of the population

#504ae4 hex color

#504ae4 Color Information

#504ae4 Color Conversion

Color Schemes with #504ae4

Alternatives to #504ae4

#504ae4 Preview

Shades and Tints of #504ae4

Tones of #504ae4

Color Blindness Simulator