#504cbb hex color

In a RGB color space, hex #504cbb is composed of 31.4% red, 29.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 59.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 242.2 degrees, a saturation of 44.9% and a lightness of 51.6%. #504cbb color hex could be obtained by blending #a098ff with #000077. 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

● #504cbb color description : Moderate blue.

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

Hex triplet	504cbb	`#504cbb`
RGB Decimal	80, 76, 187	`rgb(80,76,187)`
RGB Percent	31.4, 29.8, 73.3	`rgb(31.4%,29.8%,73.3%)`
CMYK	57, 59, 0, 27
HSL	242.2°, 44.9, 51.6	`hsl(242.2,44.9%,51.6%)`
HSV (or HSB)	242.2°, 59.4, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.659, 33.765, -58.237
XYZ	14.861, 10.462, 48.247
xyY	0.202, 0.142, 10.462
CIE-LCH	38.659, 67.317, 300.104
CIE-LUV	38.659, -5.048, -85.875
Hunter-Lab	32.344, 25.409, -65.8
Binary	01010000, 01001100, 10111011

#504cbb
```
#504cbb rgb(80,76,187)
```
#b7bb4c
```
#b7bb4c rgb(183,187,76)
```

Complementary Color

#4c80bb
```
#4c80bb rgb(76,128,187)
```
#504cbb
```
#504cbb rgb(80,76,187)
```
#884cbb
```
#884cbb rgb(136,76,187)
```

Analogous Color

#80bb4c
```
#80bb4c rgb(128,187,76)
```
#504cbb
```
#504cbb rgb(80,76,187)
```
#bb884c
```
#bb884c rgb(187,136,76)
```

Split Complementary Color

#4cbb50
```
#4cbb50 rgb(76,187,80)
```
#504cbb
```
#504cbb rgb(80,76,187)
```
#bb504c
```
#bb504c rgb(187,80,76)
```

Triadic Color

#4cb7bb
```
#4cb7bb rgb(76,183,187)
```
#504cbb
```
#504cbb rgb(80,76,187)
```
#bb504c
```
#bb504c rgb(187,80,76)
```
#b7bb4c
```
#b7bb4c rgb(183,187,76)
```

Tetradic Color

#363387
```
#363387 rgb(54,51,135)
```
#3e3a9a
```
#3e3a9a rgb(62,58,154)
```
#4541ac
```
#4541ac rgb(69,65,172)
```
#504cbb
```
#504cbb rgb(80,76,187)
```
#625ec2
```
#625ec2 rgb(98,94,194)
```
#7471c9
```
#7471c9 rgb(116,113,201)
```
#8683d0
```
#8683d0 rgb(134,131,208)
```

Monochromatic Color

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

#4c64bb
```
#4c64bb rgb(76,100,187)
```
#4c5bbb
```
#4c5bbb rgb(76,91,187)
```
#4c51bb
```
#4c51bb rgb(76,81,187)
```
#504cbb
```
#504cbb rgb(80,76,187)
```
#594cbb
```
#594cbb rgb(89,76,187)
```
#634cbb
```
#634cbb rgb(99,76,187)
```
#6c4cbb
```
#6c4cbb rgb(108,76,187)
```

Similar Colors

Text with hexadecimal color #504cbb

This text has a font color of #504cbb.

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

#504cbb background color

This paragraph has a background color of #504cbb.

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

#504cbb border color

This element has a border color of #504cbb.

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

CSS codes

.text {color:#504cbb;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#080814
```
#080814 rgb(8,8,20)
```
#0e0d22
```
#0e0d22 rgb(14,13,34)
```
#131230
```
#131230 rgb(19,18,48)
```
#19183f
```
#19183f rgb(25,24,63)
```
#1f1d4d
```
#1f1d4d rgb(31,29,77)
```
#25235b
```
#25235b rgb(37,35,91)
```
#2a2869
```
#2a2869 rgb(42,40,105)
```
#302d78
```
#302d78 rgb(48,45,120)
```
#363386
```
#363386 rgb(54,51,134)
```
#3c3894
```
#3c3894 rgb(60,56,148)
```
#413ea2
```
#413ea2 rgb(65,62,162)
```
#4743b0
```
#4743b0 rgb(71,67,176)
```

Shade Color Variation

#504cbb
```
#504cbb rgb(80,76,187)
```
#5e5ac0
```
#5e5ac0 rgb(94,90,192)
```
#6c68c6
```
#6c68c6 rgb(108,104,198)
```
#7a77cb
```
#7a77cb rgb(122,119,203)
```
#8885d1
```
#8885d1 rgb(136,133,209)
```
#9593d6
```
#9593d6 rgb(149,147,214)
```
#a3a1db
```
#a3a1db rgb(163,161,219)
```
#b1b0e1
```
#b1b0e1 rgb(177,176,225)
```
#bfbee6
```
#bfbee6 rgb(191,190,230)
```
#cdccec
```
#cdccec rgb(205,204,236)
```
#dbdaf1
```
#dbdaf1 rgb(219,218,241)
```
#e9e8f6
```
#e9e8f6 rgb(233,232,246)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#7c7c8c
```
#7c7c8c rgb(124,124,140)
```
#737295
```
#737295 rgb(115,114,149)
```
#6a699f
```
#6a699f rgb(106,105,159)
```
#625fa8
```
#625fa8 rgb(98,95,168)
```
#5956b2
```
#5956b2 rgb(89,86,178)
```
#504cbb
```
#504cbb rgb(80,76,187)
```
#4743c5
```
#4743c5 rgb(71,67,197)
```
#3e39ce
```
#3e39ce rgb(62,57,206)
```
#362fd8
```
#362fd8 rgb(54,47,216)
```
#2d26e1
```
#2d26e1 rgb(45,38,225)
```
#241deb
```
#241deb rgb(36,29,235)
```
#1b13f4
```
#1b13f4 rgb(27,19,244)
```
#120afe
```
#120afe rgb(18,10,254)
```

Tone Color Variation

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

#0060bd Protanopia 1% of men
#0065a6 Deuteranopia 1% of men
#306b73 Tritanopia 0.001% of the population

Trichromacy

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

#504cbb hex color

#504cbb Color Information

#504cbb Color Conversion

Color Schemes with #504cbb

Alternatives to #504cbb

#504cbb Preview

Shades and Tints of #504cbb

Tones of #504cbb

Color Blindness Simulator