#504ccc hex color

In a RGB color space, hex #504ccc is composed of 31.4% red, 29.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 62.7% magenta, 0% yellow and 20% black. It has a hue angle of 241.9 degrees, a saturation of 55.7% and a lightness of 54.9%. #504ccc color hex could be obtained by blending #a098ff with #000099. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 30
- B 80
RGB color chart
- C 61
- M 63
- Y 0
- K 20
CMYK color chart

● #504ccc color description : Moderate blue.

The hexadecimal color #504ccc has RGB values of R:80, G:76, B:204 and CMYK values of C:0.61, M:0.63, Y:0, K:0.2. Its decimal value is 5262540.

Hex triplet	504ccc	`#504ccc`
RGB Decimal	80, 76, 204	`rgb(80,76,204)`
RGB Percent	31.4, 29.8, 80	`rgb(31.4%,29.8%,80%)`
CMYK	61, 63, 0, 20
HSL	241.9°, 55.7, 54.9	`hsl(241.9,55.7%,54.9%)`
HSV (or HSB)	241.9°, 62.7, 80
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.971, 39.294, -66.003
XYZ	16.79, 11.233, 58.407
xyY	0.194, 0.13, 11.233
CIE-LCH	39.971, 76.814, 300.767
CIE-LUV	39.971, -6.002, -97.637
Hunter-Lab	33.516, 30.765, -79.861
Binary	01010000, 01001100, 11001100

#504ccc
```
#504ccc rgb(80,76,204)
```
#c8cc4c
```
#c8cc4c rgb(200,204,76)
```

Complementary Color

#4c88cc
```
#4c88cc rgb(76,136,204)
```
#504ccc
```
#504ccc rgb(80,76,204)
```
#904ccc
```
#904ccc rgb(144,76,204)
```

Analogous Color

#88cc4c
```
#88cc4c rgb(136,204,76)
```
#504ccc
```
#504ccc rgb(80,76,204)
```
#cc904c
```
#cc904c rgb(204,144,76)
```

Split Complementary Color

#4ccc50
```
#4ccc50 rgb(76,204,80)
```
#504ccc
```
#504ccc rgb(80,76,204)
```
#cc504c
```
#cc504c rgb(204,80,76)
```

Triadic Color

#4cc8cc
```
#4cc8cc rgb(76,200,204)
```
#504ccc
```
#504ccc rgb(80,76,204)
```
#cc504c
```
#cc504c rgb(204,80,76)
```
#c8cc4c
```
#c8cc4c rgb(200,204,76)
```

Tetradic Color

#312d9e
```
#312d9e rgb(49,45,158)
```
#3733b2
```
#3733b2 rgb(55,51,178)
```
#3d38c6
```
#3d38c6 rgb(61,56,198)
```
#504ccc
```
#504ccc rgb(80,76,204)
```
#6360d2
```
#6360d2 rgb(99,96,210)
```
#7774d7
```
#7774d7 rgb(119,116,215)
```
#8a88dd
```
#8a88dd rgb(138,136,221)
```

Monochromatic Color

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

#4c68cc
```
#4c68cc rgb(76,104,204)
```
#4c5dcc
```
#4c5dcc rgb(76,93,204)
```
#4c53cc
```
#4c53cc rgb(76,83,204)
```
#504ccc
```
#504ccc rgb(80,76,204)
```
#5b4ccc
```
#5b4ccc rgb(91,76,204)
```
#654ccc
```
#654ccc rgb(101,76,204)
```
#704ccc
```
#704ccc rgb(112,76,204)
```

Similar Colors

Text with hexadecimal color #504ccc

This text has a font color of #504ccc.

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

#504ccc background color

This paragraph has a background color of #504ccc.

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

#504ccc border color

This element has a border color of #504ccc.

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

CSS codes

.text {color:#504ccc;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#060613
```
#060613 rgb(6,6,19)
```
#0b0a23
```
#0b0a23 rgb(11,10,35)
```
#0f0e32
```
#0f0e32 rgb(15,14,50)
```
#141341
```
#141341 rgb(20,19,65)
```
#191751
```
#191751 rgb(25,23,81)
```
#1d1b60
```
#1d1b60 rgb(29,27,96)
```
#22206f
```
#22206f rgb(34,32,111)
```
#27247e
```
#27247e rgb(39,36,126)
```
#2c288e
```
#2c288e rgb(44,40,142)
```
#302d9d
```
#302d9d rgb(48,45,157)
```
#3531ac
```
#3531ac rgb(53,49,172)
```
#3a35bb
```
#3a35bb rgb(58,53,187)
```

Shade Color Variation

#413dc8
```
#413dc8 rgb(65,61,200)
```
#504ccc
```
#504ccc rgb(80,76,204)
```
#5f5bd0
```
#5f5bd0 rgb(95,91,208)
```
#6e6bd5
```
#6e6bd5 rgb(110,107,213)
```
#7d7ad9
```
#7d7ad9 rgb(125,122,217)
```
#8c89dd
```
#8c89dd rgb(140,137,221)
```
#9b98e2
```
#9b98e2 rgb(155,152,226)
```
#aaa8e6
```
#aaa8e6 rgb(170,168,230)
```
#b8b7ea
```
#b8b7ea rgb(184,183,234)
```
#c7c6ef
```
#c7c6ef rgb(199,198,239)
```
#d6d5f3
```
#d6d5f3 rgb(214,213,243)
```
#e5e5f7
```
#e5e5f7 rgb(229,229,247)
```
#f4f4fc
```
#f4f4fc rgb(244,244,252)
```

Tint Color Variation

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

#8a8a8e
```
#8a8a8e rgb(138,138,142)
```
#828197
```
#828197 rgb(130,129,151)
```
#7978a0
```
#7978a0 rgb(121,120,160)
```
#716fa9
```
#716fa9 rgb(113,111,169)
```
#6967b1
```
#6967b1 rgb(105,103,177)
```
#615eba
```
#615eba rgb(97,94,186)
```
#5855c3
```
#5855c3 rgb(88,85,195)
```
#504ccc
```
#504ccc rgb(80,76,204)
```
#4843d5
```
#4843d5 rgb(72,67,213)
```
#3f3ade
```
#3f3ade rgb(63,58,222)
```
#3731e7
```
#3731e7 rgb(55,49,231)
```
#2f29ef
```
#2f29ef rgb(47,41,239)
```
#2720f8
```
#2720f8 rgb(39,32,248)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0068aa Deuteranopia 1% of men
#177078 Tritanopia 0.001% of the population

Trichromacy

#1d5ac5 Protanomaly 1% of men, 0.01% of women
#1d5eb6 Deuteranomaly 6% of men, 0.4% of women
#2b6396 Tritanomaly 0.01% of the population

#504ccc hex color

#504ccc Color Information

#504ccc Color Conversion

Color Schemes with #504ccc

Alternatives to #504ccc

#504ccc Preview

Shades and Tints of #504ccc

Tones of #504ccc

Color Blindness Simulator