#504cbc hex color

In a RGB color space, hex #504cbc is composed of 31.4% red, 29.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 59.6% magenta, 0% yellow and 26.3% black. It has a hue angle of 242.1 degrees, a saturation of 45.5% and a lightness of 51.8%. #504cbc color hex could be obtained by blending #a098ff with #000079. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 30
- B 74
RGB color chart
- C 57
- M 60
- Y 0
- K 26
CMYK color chart

● #504cbc color description : Moderate blue.

The hexadecimal color #504cbc has RGB values of R:80, G:76, B:188 and CMYK values of C:0.57, M:0.6, Y:0, K:0.26. Its decimal value is 5262524.

Hex triplet	504cbc	`#504cbc`
RGB Decimal	80, 76, 188	`rgb(80,76,188)`
RGB Percent	31.4, 29.8, 73.7	`rgb(31.4%,29.8%,73.7%)`
CMYK	57, 60, 0, 26
HSL	242.1°, 45.5, 51.8	`hsl(242.1,45.5%,51.8%)`
HSV (or HSB)	242.1°, 59.6, 73.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.733, 34.09, -58.702
XYZ	14.968, 10.505, 48.813
xyY	0.201, 0.141, 10.505
CIE-LCH	38.733, 67.882, 300.145
CIE-LUV	38.733, -5.105, -86.58
Hunter-Lab	32.411, 25.716, -66.607
Binary	01010000, 01001100, 10111100

#504cbc
```
#504cbc rgb(80,76,188)
```
#b8bc4c
```
#b8bc4c rgb(184,188,76)
```

Complementary Color

#4c80bc
```
#4c80bc rgb(76,128,188)
```
#504cbc
```
#504cbc rgb(80,76,188)
```
#884cbc
```
#884cbc rgb(136,76,188)
```

Analogous Color

#80bc4c
```
#80bc4c rgb(128,188,76)
```
#504cbc
```
#504cbc rgb(80,76,188)
```
#bc884c
```
#bc884c rgb(188,136,76)
```

Split Complementary Color

#4cbc50
```
#4cbc50 rgb(76,188,80)
```
#504cbc
```
#504cbc rgb(80,76,188)
```
#bc504c
```
#bc504c rgb(188,80,76)
```

Triadic Color

#4cb8bc
```
#4cb8bc rgb(76,184,188)
```
#504cbc
```
#504cbc rgb(80,76,188)
```
#bc504c
```
#bc504c rgb(188,80,76)
```
#b8bc4c
```
#b8bc4c rgb(184,188,76)
```

Tetradic Color

#363388
```
#363388 rgb(54,51,136)
```
#3d3a9b
```
#3d3a9b rgb(61,58,155)
```
#4541ae
```
#4541ae rgb(69,65,174)
```
#504cbc
```
#504cbc rgb(80,76,188)
```
#625fc3
```
#625fc3 rgb(98,95,195)
```
#7471ca
```
#7471ca rgb(116,113,202)
```
#8684d1
```
#8684d1 rgb(134,132,209)
```

Monochromatic Color

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

#4c64bc
```
#4c64bc rgb(76,100,188)
```
#4c5bbc
```
#4c5bbc rgb(76,91,188)
```
#4c51bc
```
#4c51bc rgb(76,81,188)
```
#504cbc
```
#504cbc rgb(80,76,188)
```
#594cbc
```
#594cbc rgb(89,76,188)
```
#634cbc
```
#634cbc rgb(99,76,188)
```
#6c4cbc
```
#6c4cbc rgb(108,76,188)
```

Similar Colors

Text with hexadecimal color #504cbc

This text has a font color of #504cbc.

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

#504cbc background color

This paragraph has a background color of #504cbc.

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

#504cbc border color

This element has a border color of #504cbc.

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

CSS codes

.text {color:#504cbc;}

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

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

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

#030207
```
#030207 rgb(3,2,7)
```
#080815
```
#080815 rgb(8,8,21)
```
#0e0d23
```
#0e0d23 rgb(14,13,35)
```
#141231
```
#141231 rgb(20,18,49)
```
#191840
```
#191840 rgb(25,24,64)
```
#1f1d4e
```
#1f1d4e rgb(31,29,78)
```
#25235c
```
#25235c rgb(37,35,92)
```
#2a286a
```
#2a286a rgb(42,40,106)
```
#302d79
```
#302d79 rgb(48,45,121)
```
#363387
```
#363387 rgb(54,51,135)
```
#3b3895
```
#3b3895 rgb(59,56,149)
```
#413da4
```
#413da4 rgb(65,61,164)
```
#4743b2
```
#4743b2 rgb(71,67,178)
```

Shade Color Variation

#504cbc
```
#504cbc rgb(80,76,188)
```
#5e5ac1
```
#5e5ac1 rgb(94,90,193)
```
#6c69c7
```
#6c69c7 rgb(108,105,199)
```
#7a77cc
```
#7a77cc rgb(122,119,204)
```
#8885d1
```
#8885d1 rgb(136,133,209)
```
#9693d7
```
#9693d7 rgb(150,147,215)
```
#a4a2dc
```
#a4a2dc rgb(164,162,220)
```
#b2b0e1
```
#b2b0e1 rgb(178,176,225)
```
#c0bee7
```
#c0bee7 rgb(192,190,231)
```
#ceccec
```
#ceccec rgb(206,204,236)
```
#dcdbf1
```
#dcdbf1 rgb(220,219,241)
```
#e9e9f7
```
#e9e9f7 rgb(233,233,247)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7b8d is the less saturated color, while #130afe is the most saturated one.

#7c7b8d
```
#7c7b8d rgb(124,123,141)
```
#737296
```
#737296 rgb(115,114,150)
```
#6a68a0
```
#6a68a0 rgb(106,104,160)
```
#625fa9
```
#625fa9 rgb(98,95,169)
```
#5955b3
```
#5955b3 rgb(89,85,179)
```
#504cbc
```
#504cbc rgb(80,76,188)
```
#4743c5
```
#4743c5 rgb(71,67,197)
```
#3e39cf
```
#3e39cf rgb(62,57,207)
```
#3630d8
```
#3630d8 rgb(54,48,216)
```
#2d26e2
```
#2d26e2 rgb(45,38,226)
```
#241deb
```
#241deb rgb(36,29,235)
```
#1b13f5
```
#1b13f5 rgb(27,19,245)
```
#130afe
```
#130afe rgb(19,10,254)
```

Tone Color Variation

Below, you can see how #504cbc 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
#58576e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bd Protanopia 1% of men
#0065a6 Deuteranopia 1% of men
#2f6b73 Tritanopia 0.001% of the population

Trichromacy

#1d59bc Protanomaly 1% of men, 0.01% of women
#1d5cae Deuteranomaly 6% of men, 0.4% of women
#3b608d Tritanomaly 0.01% of the population

#504cbc hex color

#504cbc Color Information

#504cbc Color Conversion

Color Schemes with #504cbc

Alternatives to #504cbc

#504cbc Preview

Shades and Tints of #504cbc

Tones of #504cbc

Color Blindness Simulator