#504bb1 hex color

In a RGB color space, hex #504bb1 is composed of 31.4% red, 29.4% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 57.6% magenta, 0% yellow and 30.6% black. It has a hue angle of 242.9 degrees, a saturation of 40.5% and a lightness of 49.4%. #504bb1 color hex could be obtained by blending #a096ff with #000063. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 29
- B 69
RGB color chart
- C 55
- M 58
- Y 0
- K 31
CMYK color chart

● #504bb1 color description : Dark moderate blue.

The hexadecimal color #504bb1 has RGB values of R:80, G:75, B:177 and CMYK values of C:0.55, M:0.58, Y:0, K:0.31. Its decimal value is 5262257.

Hex triplet	504bb1	`#504bb1`
RGB Decimal	80, 75, 177	`rgb(80,75,177)`
RGB Percent	31.4, 29.4, 69.4	`rgb(31.4%,29.4%,69.4%)`
CMYK	55, 58, 0, 31
HSL	242.9°, 40.5, 49.4	`hsl(242.9,40.5%,49.4%)`
HSV (or HSB)	242.9°, 57.6, 69.4
Web Safe	663399	`#663399`

CIE-LAB	37.683, 31.139, -53.928
XYZ	13.759, 9.911, 42.781
xyY	0.207, 0.149, 9.911
CIE-LCH	37.683, 62.272, 300.003
CIE-LUV	37.683, -4.198, -79.143
Hunter-Lab	31.482, 22.914, -58.53
Binary	01010000, 01001011, 10110001

#504bb1
```
#504bb1 rgb(80,75,177)
```
#acb14b
```
#acb14b rgb(172,177,75)
```

Complementary Color

#4b79b1
```
#4b79b1 rgb(75,121,177)
```
#504bb1
```
#504bb1 rgb(80,75,177)
```
#834bb1
```
#834bb1 rgb(131,75,177)
```

Analogous Color

#79b14b
```
#79b14b rgb(121,177,75)
```
#504bb1
```
#504bb1 rgb(80,75,177)
```
#b1834b
```
#b1834b rgb(177,131,75)
```

Split Complementary Color

#4bb150
```
#4bb150 rgb(75,177,80)
```
#504bb1
```
#504bb1 rgb(80,75,177)
```
#b1504b
```
#b1504b rgb(177,80,75)
```

Triadic Color

#4bacb1
```
#4bacb1 rgb(75,172,177)
```
#504bb1
```
#504bb1 rgb(80,75,177)
```
#b1504b
```
#b1504b rgb(177,80,75)
```
#acb14b
```
#acb14b rgb(172,177,75)
```

Tetradic Color

#38347b
```
#38347b rgb(56,52,123)
```
#403c8d
```
#403c8d rgb(64,60,141)
```
#48439f
```
#48439f rgb(72,67,159)
```
#504bb1
```
#504bb1 rgb(80,75,177)
```
#605cba
```
#605cba rgb(96,92,186)
```
#726ec1
```
#726ec1 rgb(114,110,193)
```
#8380c9
```
#8380c9 rgb(131,128,201)
```

Monochromatic Color

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

#4b5fb1
```
#4b5fb1 rgb(75,95,177)
```
#4b57b1
```
#4b57b1 rgb(75,87,177)
```
#4b4fb1
```
#4b4fb1 rgb(75,79,177)
```
#504bb1
```
#504bb1 rgb(80,75,177)
```
#594bb1
```
#594bb1 rgb(89,75,177)
```
#614bb1
```
#614bb1 rgb(97,75,177)
```
#6a4bb1
```
#6a4bb1 rgb(106,75,177)
```

Similar Colors

Text with hexadecimal color #504bb1

This text has a font color of #504bb1.

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

#504bb1 background color

This paragraph has a background color of #504bb1.

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

#504bb1 border color

This element has a border color of #504bb1.

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

CSS codes

.text {color:#504bb1;}

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

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

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

#05050c
```
#05050c rgb(5,5,12)
```
#0c0b19
```
#0c0b19 rgb(12,11,25)
```
#121127
```
#121127 rgb(18,17,39)
```
#181635
```
#181635 rgb(24,22,53)
```
#1e1c43
```
#1e1c43 rgb(30,28,67)
```
#242251
```
#242251 rgb(36,34,81)
```
#2b285e
```
#2b285e rgb(43,40,94)
```
#312e6c
```
#312e6c rgb(49,46,108)
```
#37347a
```
#37347a rgb(55,52,122)
```
#3d3988
```
#3d3988 rgb(61,57,136)
```
#443f95
```
#443f95 rgb(68,63,149)
```
#4a45a3
```
#4a45a3 rgb(74,69,163)
```
#504bb1
```
#504bb1 rgb(80,75,177)
```

Shade Color Variation

#5c58b8
```
#5c58b8 rgb(92,88,184)
```
#6a65be
```
#6a65be rgb(106,101,190)
```
#7773c4
```
#7773c4 rgb(119,115,196)
```
#8481ca
```
#8481ca rgb(132,129,202)
```
#928fcf
```
#928fcf rgb(146,143,207)
```
#9f9cd5
```
#9f9cd5 rgb(159,156,213)
```
#adaadb
```
#adaadb rgb(173,170,219)
```
#bab8e1
```
#bab8e1 rgb(186,184,225)
```
#c7c6e7
```
#c7c6e7 rgb(199,198,231)
```
#d5d4ed
```
#d5d4ed rgb(213,212,237)
```
#e2e1f2
```
#e2e1f2 rgb(226,225,242)
```
#f0eff8
```
#f0eff8 rgb(240,239,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#7c7b81
```
#7c7b81 rgb(124,123,129)
```
#73728a
```
#73728a rgb(115,114,138)
```
#6a6894
```
#6a6894 rgb(106,104,148)
```
#615e9e
```
#615e9e rgb(97,94,158)
```
#5955a7
```
#5955a7 rgb(89,85,167)
```
#504bb1
```
#504bb1 rgb(80,75,177)
```
#4741bb
```
#4741bb rgb(71,65,187)
```
#3f38c4
```
#3f38c4 rgb(63,56,196)
```
#362ece
```
#362ece rgb(54,46,206)
```
#2d24d8
```
#2d24d8 rgb(45,36,216)
```
#241be1
```
#241be1 rgb(36,27,225)
```
#1c11eb
```
#1c11eb rgb(28,17,235)
```
#1307f5
```
#1307f5 rgb(19,7,245)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#56556a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#0063a3 Deuteranopia 1% of men
#38686f Tritanopia 0.001% of the population

Trichromacy

#1d57b6 Protanomaly 1% of men, 0.01% of women
#1d5aa8 Deuteranomaly 6% of men, 0.4% of women
#415d87 Tritanomaly 0.01% of the population

#504bb1 hex color

#504bb1 Color Information

#504bb1 Color Conversion

Color Schemes with #504bb1

Alternatives to #504bb1

#504bb1 Preview

Shades and Tints of #504bb1

Tones of #504bb1

Color Blindness Simulator