#504ac8 hex color

In a RGB color space, hex #504ac8 is composed of 31.4% red, 29% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 63% magenta, 0% yellow and 21.6% black. It has a hue angle of 242.9 degrees, a saturation of 53.4% and a lightness of 53.7%. #504ac8 color hex could be obtained by blending #a094ff with #000091. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 29
- B 78
RGB color chart
- C 60
- M 63
- Y 0
- K 22
CMYK color chart

● #504ac8 color description : Moderate blue.

The hexadecimal color #504ac8 has RGB values of R:80, G:74, B:200 and CMYK values of C:0.6, M:0.63, Y:0, K:0.22. Its decimal value is 5262024.

Hex triplet	504ac8	`#504ac8`
RGB Decimal	80, 74, 200	`rgb(80,74,200)`
RGB Percent	31.4, 29, 78.4	`rgb(31.4%,29%,78.4%)`
CMYK	60, 63, 0, 22
HSL	242.9°, 53.4, 53.7	`hsl(242.9,53.4%,53.7%)`
HSV (or HSB)	242.9°, 63, 78.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.195, 39.203, -64.951
XYZ	16.18, 10.772, 55.867
xyY	0.195, 0.13, 10.772
CIE-LCH	39.195, 75.865, 301.114
CIE-LUV	39.195, -5.321, -95.595
Hunter-Lab	32.821, 30.559, -77.945
Binary	01010000, 01001010, 11001000

#504ac8
```
#504ac8 rgb(80,74,200)
```
#c2c84a
```
#c2c84a rgb(194,200,74)
```

Complementary Color

#4a83c8
```
#4a83c8 rgb(74,131,200)
```
#504ac8
```
#504ac8 rgb(80,74,200)
```
#8f4ac8
```
#8f4ac8 rgb(143,74,200)
```

Analogous Color

#83c84a
```
#83c84a rgb(131,200,74)
```
#504ac8
```
#504ac8 rgb(80,74,200)
```
#c88f4a
```
#c88f4a rgb(200,143,74)
```

Split Complementary Color

#4ac850
```
#4ac850 rgb(74,200,80)
```
#504ac8
```
#504ac8 rgb(80,74,200)
```
#c8504a
```
#c8504a rgb(200,80,74)
```

Triadic Color

#4ac2c8
```
#4ac2c8 rgb(74,194,200)
```
#504ac8
```
#504ac8 rgb(80,74,200)
```
#c8504a
```
#c8504a rgb(200,80,74)
```
#c2c84a
```
#c2c84a rgb(194,200,74)
```

Tetradic Color

#332e97
```
#332e97 rgb(51,46,151)
```
#3a34ab
```
#3a34ab rgb(58,52,171)
```
#403abf
```
#403abf rgb(64,58,191)
```
#504ac8
```
#504ac8 rgb(80,74,200)
```
#635ece
```
#635ece rgb(99,94,206)
```
#7671d4
```
#7671d4 rgb(118,113,212)
```
#8985da
```
#8985da rgb(137,133,218)
```

Monochromatic Color

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

#4a64c8
```
#4a64c8 rgb(74,100,200)
```
#4a59c8
```
#4a59c8 rgb(74,89,200)
```
#4a4fc8
```
#4a4fc8 rgb(74,79,200)
```
#504ac8
```
#504ac8 rgb(80,74,200)
```
#5b4ac8
```
#5b4ac8 rgb(91,74,200)
```
#654ac8
```
#654ac8 rgb(101,74,200)
```
#704ac8
```
#704ac8 rgb(112,74,200)
```

Similar Colors

Text with hexadecimal color #504ac8

This text has a font color of #504ac8.

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

#504ac8 background color

This paragraph has a background color of #504ac8.

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

#504ac8 border color

This element has a border color of #504ac8.

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

CSS codes

.text {color:#504ac8;}

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

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

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, #05040f is the darkest color, while #ffffff is the lightest one.

#05040f
```
#05040f rgb(5,4,15)
```
#0a091e
```
#0a091e rgb(10,9,30)
```
#0f0e2d
```
#0f0e2d rgb(15,14,45)
```
#14123c
```
#14123c rgb(20,18,60)
```
#19174b
```
#19174b rgb(25,23,75)
```
#1e1b5a
```
#1e1b5a rgb(30,27,90)
```
#232069
```
#232069 rgb(35,32,105)
```
#282478
```
#282478 rgb(40,36,120)
```
#2d2987
```
#2d2987 rgb(45,41,135)
```
#332e96
```
#332e96 rgb(51,46,150)
```
#3832a5
```
#3832a5 rgb(56,50,165)
```
#3d37b4
```
#3d37b4 rgb(61,55,180)
```
#423bc3
```
#423bc3 rgb(66,59,195)
```

Shade Color Variation

#504ac8
```
#504ac8 rgb(80,74,200)
```
#5f59cd
```
#5f59cd rgb(95,89,205)
```
#6d68d1
```
#6d68d1 rgb(109,104,209)
```
#7c77d6
```
#7c77d6 rgb(124,119,214)
```
#8a86da
```
#8a86da rgb(138,134,218)
```
#9995df
```
#9995df rgb(153,149,223)
```
#a7a4e3
```
#a7a4e3 rgb(167,164,227)
```
#b6b3e8
```
#b6b3e8 rgb(182,179,232)
```
#c4c2ed
```
#c4c2ed rgb(196,194,237)
```
#d3d1f1
```
#d3d1f1 rgb(211,209,241)
```
#e1e0f6
```
#e1e0f6 rgb(225,224,246)
```
#f0effa
```
#f0effa rgb(240,239,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818092 is the less saturated color, while #1f14fe is the most saturated one.

#818092
```
#818092 rgb(129,128,146)
```
#79779b
```
#79779b rgb(121,119,155)
```
#716ea4
```
#716ea4 rgb(113,110,164)
```
#6965ad
```
#6965ad rgb(105,101,173)
```
#605cb6
```
#605cb6 rgb(96,92,182)
```
#5853bf
```
#5853bf rgb(88,83,191)
```
#504ac8
```
#504ac8 rgb(80,74,200)
```
#4841d1
```
#4841d1 rgb(72,65,209)
```
#4038da
```
#4038da rgb(64,56,218)
```
#372fe3
```
#372fe3 rgb(55,47,227)
```
#2f26ec
```
#2f26ec rgb(47,38,236)
```
#271df5
```
#271df5 rgb(39,29,245)
```
#1f14fe
```
#1f14fe rgb(31,20,254)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#585770 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bf Protanopia 1% of men
#0067a7 Deuteranopia 1% of men
#1e6d76 Tritanopia 0.001% of the population

Trichromacy

#1d59c2 Protanomaly 1% of men, 0.01% of women
#1d5cb3 Deuteranomaly 6% of men, 0.4% of women
#306093 Tritanomaly 0.01% of the population

#504ac8 hex color

#504ac8 Color Information

#504ac8 Color Conversion

Color Schemes with #504ac8

Alternatives to #504ac8

#504ac8 Preview

Shades and Tints of #504ac8

Tones of #504ac8

Color Blindness Simulator