#504bc5 hex color

In a RGB color space, hex #504bc5 is composed of 31.4% red, 29.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 61.9% magenta, 0% yellow and 22.7% black. It has a hue angle of 242.5 degrees, a saturation of 51.3% and a lightness of 53.3%. #504bc5 color hex could be obtained by blending #a096ff with #00008b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 29
- B 77
RGB color chart
- C 59
- M 62
- Y 0
- K 23
CMYK color chart

● #504bc5 color description : Moderate blue.

The hexadecimal color #504bc5 has RGB values of R:80, G:75, B:197 and CMYK values of C:0.59, M:0.62, Y:0, K:0.23. Its decimal value is 5262277.

Hex triplet	504bc5	`#504bc5`
RGB Decimal	80, 75, 197	`rgb(80,75,197)`
RGB Percent	31.4, 29.4, 77.3	`rgb(31.4%,29.4%,77.3%)`
CMYK	59, 62, 0, 23
HSL	242.5°, 51.3, 53.3	`hsl(242.5,51.3%,53.3%)`
HSV (or HSB)	242.5°, 61.9, 77.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.187, 37.627, -63.219
XYZ	15.9, 10.768, 54.061
xyY	0.197, 0.133, 10.768
CIE-LCH	39.187, 73.569, 300.761
CIE-LUV	39.187, -5.379, -93.209
Hunter-Lab	32.815, 29.066, -74.707
Binary	01010000, 01001011, 11000101

#504bc5
```
#504bc5 rgb(80,75,197)
```
#c0c54b
```
#c0c54b rgb(192,197,75)
```

Complementary Color

#4b83c5
```
#4b83c5 rgb(75,131,197)
```
#504bc5
```
#504bc5 rgb(80,75,197)
```
#8d4bc5
```
#8d4bc5 rgb(141,75,197)
```

Analogous Color

#83c54b
```
#83c54b rgb(131,197,75)
```
#504bc5
```
#504bc5 rgb(80,75,197)
```
#c58d4b
```
#c58d4b rgb(197,141,75)
```

Split Complementary Color

#4bc550
```
#4bc550 rgb(75,197,80)
```
#504bc5
```
#504bc5 rgb(80,75,197)
```
#c5504b
```
#c5504b rgb(197,80,75)
```

Triadic Color

#4bc0c5
```
#4bc0c5 rgb(75,192,197)
```
#504bc5
```
#504bc5 rgb(80,75,197)
```
#c5504b
```
#c5504b rgb(197,80,75)
```
#c0c54b
```
#c0c54b rgb(192,197,75)
```

Tetradic Color

#343094
```
#343094 rgb(52,48,148)
```
#3b36a7
```
#3b36a7 rgb(59,54,167)
```
#413cba
```
#413cba rgb(65,60,186)
```
#504bc5
```
#504bc5 rgb(80,75,197)
```
#635ecb
```
#635ecb rgb(99,94,203)
```
#7672d1
```
#7672d1 rgb(118,114,209)
```
#8885d8
```
#8885d8 rgb(136,133,216)
```

Monochromatic Color

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

#4b65c5
```
#4b65c5 rgb(75,101,197)
```
#4b5ac5
```
#4b5ac5 rgb(75,90,197)
```
#4b50c5
```
#4b50c5 rgb(75,80,197)
```
#504bc5
```
#504bc5 rgb(80,75,197)
```
#5a4bc5
```
#5a4bc5 rgb(90,75,197)
```
#644bc5
```
#644bc5 rgb(100,75,197)
```
#6f4bc5
```
#6f4bc5 rgb(111,75,197)
```

Similar Colors

Text with hexadecimal color #504bc5

This text has a font color of #504bc5.

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

#504bc5 background color

This paragraph has a background color of #504bc5.

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

#504bc5 border color

This element has a border color of #504bc5.

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

CSS codes

.text {color:#504bc5;}

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

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

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

#05040d
```
#05040d rgb(5,4,13)
```
#0a091c
```
#0a091c rgb(10,9,28)
```
#0f0e2b
```
#0f0e2b rgb(15,14,43)
```
#141239
```
#141239 rgb(20,18,57)
```
#191748
```
#191748 rgb(25,23,72)
```
#1e1c57
```
#1e1c57 rgb(30,28,87)
```
#242166
```
#242166 rgb(36,33,102)
```
#292675
```
#292675 rgb(41,38,117)
```
#2e2a84
```
#2e2a84 rgb(46,42,132)
```
#332f92
```
#332f92 rgb(51,47,146)
```
#3834a1
```
#3834a1 rgb(56,52,161)
```
#3e39b0
```
#3e39b0 rgb(62,57,176)
```
#433ebf
```
#433ebf rgb(67,62,191)
```

Shade Color Variation

#504bc5
```
#504bc5 rgb(80,75,197)
```
#5e5aca
```
#5e5aca rgb(94,90,202)
```
#6d69cf
```
#6d69cf rgb(109,105,207)
```
#7b78d3
```
#7b78d3 rgb(123,120,211)
```
#8a86d8
```
#8a86d8 rgb(138,134,216)
```
#9895dd
```
#9895dd rgb(152,149,221)
```
#a7a4e2
```
#a7a4e2 rgb(167,164,226)
```
#b5b3e6
```
#b5b3e6 rgb(181,179,230)
```
#c3c2eb
```
#c3c2eb rgb(195,194,235)
```
#d2d1f0
```
#d2d1f0 rgb(210,209,240)
```
#e0dff5
```
#e0dff5 rgb(224,223,245)
```
#efeefa
```
#efeefa rgb(239,238,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#82828e
```
#82828e rgb(130,130,142)
```
#7a7997
```
#7a7997 rgb(122,121,151)
```
#7270a0
```
#7270a0 rgb(114,112,160)
```
#6966aa
```
#6966aa rgb(105,102,170)
```
#615db3
```
#615db3 rgb(97,93,179)
```
#5854bc
```
#5854bc rgb(88,84,188)
```
#504bc5
```
#504bc5 rgb(80,75,197)
```
#4842ce
```
#4842ce rgb(72,66,206)
```
#3f39d7
```
#3f39d7 rgb(63,57,215)
```
#3730e0
```
#3730e0 rgb(55,48,224)
```
#2e26ea
```
#2e26ea rgb(46,38,234)
```
#261df3
```
#261df3 rgb(38,29,243)
```
#1e14fc
```
#1e14fc rgb(30,20,252)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#1d59c1 Protanomaly 1% of men, 0.01% of women
#1d5cb2 Deuteranomaly 6% of men, 0.4% of women
#346192 Tritanomaly 0.01% of the population

#504bc5 hex color

#504bc5 Color Information

#504bc5 Color Conversion

Color Schemes with #504bc5

Alternatives to #504bc5

#504bc5 Preview

Shades and Tints of #504bc5

Tones of #504bc5

Color Blindness Simulator