colorhexa.com

#504acc hex color

In a RGB color space, hex #504acc is composed of 31.4% red, 29% green and 80% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 63.7% magenta, 0% yellow and 20% black. It has a hue angle of 242.8 degrees, a saturation of 56% and a lightness of 54.5%. #504acc color hex could be obtained by blending #a094ff with #000099. Closest websafe color is: #6633cc.

- R 31
- G 29
- B 80
RGB color chart
- C 61
- M 64
- Y 0
- K 20
CMYK color chart

● #504acc color description : Moderate blue.

The hexadecimal color #504acc has RGB values of R:80, G:74, B:204 and CMYK values of C:0.61, M:0.64, Y:0, K:0.2. Its decimal value is 5262028.

Hex triplet	504acc	`#504acc`
RGB Decimal	80, 74, 204	`rgb(80,74,204)`
RGB Percent	31.4, 29, 80	`rgb(31.4%,29%,80%)`
CMYK	61, 64, 0, 20
HSL	242.8°, 56, 54.5	`hsl(242.8,56%,54.5%)`
HSV (or HSB)	242.8°, 63.7, 80
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.516, 40.494, -66.745
XYZ	16.654, 10.962, 58.362
xyY	0.194, 0.127, 10.962
CIE-LCH	39.516, 78.068, 301.245
CIE-LUV	39.516, -5.551, -98.293
Hunter-Lab	33.109, 31.846, -81.336
Binary	01010000, 01001010, 11001100

#504acc
```
#504acc rgb(80,74,204)
```
#c6cc4a
```
#c6cc4a rgb(198,204,74)
```

Complementary Color

#4a85cc
```
#4a85cc rgb(74,133,204)
```
#504acc
```
#504acc rgb(80,74,204)
```
#914acc
```
#914acc rgb(145,74,204)
```

Analogous Color

#85cc4a
```
#85cc4a rgb(133,204,74)
```
#504acc
```
#504acc rgb(80,74,204)
```
#cc914a
```
#cc914a rgb(204,145,74)
```

Split Complementary Color

#4acc50
```
#4acc50 rgb(74,204,80)
```
#504acc
```
#504acc rgb(80,74,204)
```
#cc504a
```
#cc504a rgb(204,80,74)
```

Triadic Color

#4ac6cc
```
#4ac6cc rgb(74,198,204)
```
#504acc
```
#504acc rgb(80,74,204)
```
#cc504a
```
#cc504a rgb(204,80,74)
```
#c6cc4a
```
#c6cc4a rgb(198,204,74)
```

Tetradic Color

#322c9d
```
#322c9d rgb(50,44,157)
```
#3832b1
```
#3832b1 rgb(56,50,177)
```
#3e38c5
```
#3e38c5 rgb(62,56,197)
```
#504acc
```
#504acc rgb(80,74,204)
```
#635ed2
```
#635ed2 rgb(99,94,210)
```
#7672d7
```
#7672d7 rgb(118,114,215)
```
#8a86dd
```
#8a86dd rgb(138,134,221)
```

Monochromatic Color

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

#4a65cc
```
#4a65cc rgb(74,101,204)
```
#4a5acc
```
#4a5acc rgb(74,90,204)
```
#4a4fcc
```
#4a4fcc rgb(74,79,204)
```
#504acc
```
#504acc rgb(80,74,204)
```
#5b4acc
```
#5b4acc rgb(91,74,204)
```
#664acc
```
#664acc rgb(102,74,204)
```
#714acc
```
#714acc rgb(113,74,204)
```

Similar Colors

Text with hexadecimal color #504acc

This text has a font color of #504acc.

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

#504acc background color

This paragraph has a background color of #504acc.

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

#504acc border color

This element has a border color of #504acc.

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

CSS codes

.text {color:#504acc;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060512
```
#060512 rgb(6,5,18)
```
#0a0921
```
#0a0921 rgb(10,9,33)
```
#0f0e31
```
#0f0e31 rgb(15,14,49)
```
#141240
```
#141240 rgb(20,18,64)
```
#19164f
```
#19164f rgb(25,22,79)
```
#1e1b5e
```
#1e1b5e rgb(30,27,94)
```
#231f6e
```
#231f6e rgb(35,31,110)
```
#27237d
```
#27237d rgb(39,35,125)
```
#2c288c
```
#2c288c rgb(44,40,140)
```
#312c9c
```
#312c9c rgb(49,44,156)
```
#3630ab
```
#3630ab rgb(54,48,171)
```
#3b34ba
```
#3b34ba rgb(59,52,186)
```

Shade Color Variation

#413bc8
```
#413bc8 rgb(65,59,200)
```
#504acc
```
#504acc rgb(80,74,204)
```
#5f59d0
```
#5f59d0 rgb(95,89,208)
```
#6e69d5
```
#6e69d5 rgb(110,105,213)
```
#7c78d9
```
#7c78d9 rgb(124,120,217)
```
#8b87dd
```
#8b87dd rgb(139,135,221)
```
#9a97e2
```
#9a97e2 rgb(154,151,226)
```
#a9a6e6
```
#a9a6e6 rgb(169,166,230)
```
#b8b5ea
```
#b8b5ea rgb(184,181,234)
```
#c6c4ee
```
#c6c4ee rgb(198,196,238)
```
#d5d4f3
```
#d5d4f3 rgb(213,212,243)
```
#e4e3f7
```
#e4e3f7 rgb(228,227,247)
```
#f3f2fb
```
#f3f2fb rgb(243,242,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #89888e is the less saturated color, while #281df9 is the most saturated one.

#89888e
```
#89888e rgb(137,136,142)
```
#818096
```
#818096 rgb(129,128,150)
```
#78779f
```
#78779f rgb(120,119,159)
```
#706ea8
```
#706ea8 rgb(112,110,168)
```
#6865b1
```
#6865b1 rgb(104,101,177)
```
#605cba
```
#605cba rgb(96,92,186)
```
#5853c3
```
#5853c3 rgb(88,83,195)
```
#504acc
```
#504acc rgb(80,74,204)
```
#4841d5
```
#4841d5 rgb(72,65,213)
```
#4038de
```
#4038de rgb(64,56,222)
```
#382fe7
```
#382fe7 rgb(56,47,231)
```
#3026f0
```
#3026f0 rgb(48,38,240)
```
#281df9
```
#281df9 rgb(40,29,249)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#595872 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0067a8 Deuteranopia 1% of men
#146f77 Tritanopia 0.001% of the population

Trichromacy

#1d59c4 Protanomaly 1% of men, 0.01% of women
#1d5db5 Deuteranomaly 6% of men, 0.4% of women
#2a6196 Tritanomaly 0.01% of the population