#504cb9 hex color

In a RGB color space, hex #504cb9 is composed of 31.4% red, 29.8% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 58.9% magenta, 0% yellow and 27.5% black. It has a hue angle of 242.2 degrees, a saturation of 43.8% and a lightness of 51.2%. #504cb9 color hex could be obtained by blending #a098ff with #000073. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 30
- B 73
RGB color chart
- C 57
- M 59
- Y 0
- K 27
CMYK color chart

● #504cb9 color description : Moderate blue.

The hexadecimal color #504cb9 has RGB values of R:80, G:76, B:185 and CMYK values of C:0.57, M:0.59, Y:0, K:0.27. Its decimal value is 5262521.

Hex triplet	504cb9	`#504cb9`
RGB Decimal	80, 76, 185	`rgb(80,76,185)`
RGB Percent	31.4, 29.8, 72.5	`rgb(31.4%,29.8%,72.5%)`
CMYK	57, 59, 0, 27
HSL	242.2°, 43.8, 51.2	`hsl(242.2,43.8%,51.2%)`
HSV (or HSB)	242.2°, 58.9, 72.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.51, 33.114, -57.304
XYZ	14.648, 10.377, 47.127
xyY	0.203, 0.144, 10.377
CIE-LCH	38.51, 66.184, 300.022
CIE-LUV	38.51, -4.932, -84.458
Hunter-Lab	32.213, 24.796, -64.193
Binary	01010000, 01001100, 10111001

#504cb9
```
#504cb9 rgb(80,76,185)
```
#b5b94c
```
#b5b94c rgb(181,185,76)
```

Complementary Color

#4c7fb9
```
#4c7fb9 rgb(76,127,185)
```
#504cb9
```
#504cb9 rgb(80,76,185)
```
#874cb9
```
#874cb9 rgb(135,76,185)
```

Analogous Color

#7fb94c
```
#7fb94c rgb(127,185,76)
```
#504cb9
```
#504cb9 rgb(80,76,185)
```
#b9874c
```
#b9874c rgb(185,135,76)
```

Split Complementary Color

#4cb950
```
#4cb950 rgb(76,185,80)
```
#504cb9
```
#504cb9 rgb(80,76,185)
```
#b9504c
```
#b9504c rgb(185,80,76)
```

Triadic Color

#4cb5b9
```
#4cb5b9 rgb(76,181,185)
```
#504cb9
```
#504cb9 rgb(80,76,185)
```
#b9504c
```
#b9504c rgb(185,80,76)
```
#b5b94c
```
#b5b94c rgb(181,185,76)
```

Tetradic Color

#373485
```
#373485 rgb(55,52,133)
```
#3e3b97
```
#3e3b97 rgb(62,59,151)
```
#4642a9
```
#4642a9 rgb(70,66,169)
```
#504cb9
```
#504cb9 rgb(80,76,185)
```
#625ec0
```
#625ec0 rgb(98,94,192)
```
#7471c7
```
#7471c7 rgb(116,113,199)
```
#8683cf
```
#8683cf rgb(134,131,207)
```

Monochromatic Color

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

#4c63b9
```
#4c63b9 rgb(76,99,185)
```
#4c5ab9
```
#4c5ab9 rgb(76,90,185)
```
#4c51b9
```
#4c51b9 rgb(76,81,185)
```
#504cb9
```
#504cb9 rgb(80,76,185)
```
#594cb9
```
#594cb9 rgb(89,76,185)
```
#624cb9
```
#624cb9 rgb(98,76,185)
```
#6b4cb9
```
#6b4cb9 rgb(107,76,185)
```

Similar Colors

Text with hexadecimal color #504cb9

This text has a font color of #504cb9.

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

#504cb9 background color

This paragraph has a background color of #504cb9.

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

#504cb9 border color

This element has a border color of #504cb9.

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

CSS codes

.text {color:#504cb9;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080712
```
#080712 rgb(8,7,18)
```
#0d0d21
```
#0d0d21 rgb(13,13,33)
```
#13122f
```
#13122f rgb(19,18,47)
```
#19183d
```
#19183d rgb(25,24,61)
```
#1f1d4b
```
#1f1d4b rgb(31,29,75)
```
#252359
```
#252359 rgb(37,35,89)
```
#2b2867
```
#2b2867 rgb(43,40,103)
```
#302e75
```
#302e75 rgb(48,46,117)
```
#363383
```
#363383 rgb(54,51,131)
```
#3c3991
```
#3c3991 rgb(60,57,145)
```
#423e9f
```
#423e9f rgb(66,62,159)
```
#4844ae
```
#4844ae rgb(72,68,174)
```

Shade Color Variation

#504cb9
```
#504cb9 rgb(80,76,185)
```
#5e5abf
```
#5e5abf rgb(94,90,191)
```
#6c68c4
```
#6c68c4 rgb(108,104,196)
```
#7976ca
```
#7976ca rgb(121,118,202)
```
#8784cf
```
#8784cf rgb(135,132,207)
```
#9593d5
```
#9593d5 rgb(149,147,213)
```
#a3a1da
```
#a3a1da rgb(163,161,218)
```
#b1afe0
```
#b1afe0 rgb(177,175,224)
```
#bebde5
```
#bebde5 rgb(190,189,229)
```
#cccbeb
```
#cccbeb rgb(204,203,235)
```
#dad9f0
```
#dad9f0 rgb(218,217,240)
```
#e8e7f6
```
#e8e7f6 rgb(232,231,246)
```
#f5f5fb
```
#f5f5fb rgb(245,245,251)
```

Tint Color Variation

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

#7c7c89
```
#7c7c89 rgb(124,124,137)
```
#737293
```
#737293 rgb(115,114,147)
```
#6b699c
```
#6b699c rgb(107,105,156)
```
#625fa6
```
#625fa6 rgb(98,95,166)
```
#5956af
```
#5956af rgb(89,86,175)
```
#504cb9
```
#504cb9 rgb(80,76,185)
```
#4742c3
```
#4742c3 rgb(71,66,195)
```
#3e39cc
```
#3e39cc rgb(62,57,204)
```
#352fd6
```
#352fd6 rgb(53,47,214)
```
#2d26df
```
#2d26df rgb(45,38,223)
```
#241ce9
```
#241ce9 rgb(36,28,233)
```
#1b13f2
```
#1b13f2 rgb(27,19,242)
```
#1209fc
```
#1209fc rgb(18,9,252)
```

Tone Color Variation

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

Dichromacy

#0060bc Protanopia 1% of men
#0065a5 Deuteranopia 1% of men
#326a72 Tritanopia 0.001% of the population

Trichromacy

#1d58bb Protanomaly 1% of men, 0.01% of women
#1d5cac Deuteranomaly 6% of men, 0.4% of women
#3d5f8c Tritanomaly 0.01% of the population

#504cb9 hex color

#504cb9 Color Information

#504cb9 Color Conversion

Color Schemes with #504cb9

Alternatives to #504cb9

#504cb9 Preview

Shades and Tints of #504cb9

Tones of #504cb9

Color Blindness Simulator