#504cbf hex color

In a RGB color space, hex #504cbf is composed of 31.4% red, 29.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 60.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 242.1 degrees, a saturation of 47.3% and a lightness of 52.4%. #504cbf color hex could be obtained by blending #a098ff with #00007f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 30
- B 75
RGB color chart
- C 58
- M 60
- Y 0
- K 25
CMYK color chart

● #504cbf color description : Moderate blue.

The hexadecimal color #504cbf has RGB values of R:80, G:76, B:191 and CMYK values of C:0.58, M:0.6, Y:0, K:0.25. Its decimal value is 5262527.

Hex triplet	504cbf	`#504cbf`
RGB Decimal	80, 76, 191	`rgb(80,76,191)`
RGB Percent	31.4, 29.8, 74.9	`rgb(31.4%,29.8%,74.9%)`
CMYK	58, 60, 0, 25
HSL	242.1°, 47.3, 52.4	`hsl(242.1,47.3%,52.4%)`
HSV (or HSB)	242.1°, 60.2, 74.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.959, 35.066, -60.09
XYZ	15.295, 10.635, 50.534
xyY	0.2, 0.139, 10.635
CIE-LCH	38.959, 69.574, 300.266
CIE-LUV	38.959, -5.277, -88.687
Hunter-Lab	32.612, 26.645, -69.045
Binary	01010000, 01001100, 10111111

#504cbf
```
#504cbf rgb(80,76,191)
```
#bbbf4c
```
#bbbf4c rgb(187,191,76)
```

Complementary Color

#4c82bf
```
#4c82bf rgb(76,130,191)
```
#504cbf
```
#504cbf rgb(80,76,191)
```
#8a4cbf
```
#8a4cbf rgb(138,76,191)
```

Analogous Color

#82bf4c
```
#82bf4c rgb(130,191,76)
```
#504cbf
```
#504cbf rgb(80,76,191)
```
#bf8a4c
```
#bf8a4c rgb(191,138,76)
```

Split Complementary Color

#4cbf50
```
#4cbf50 rgb(76,191,80)
```
#504cbf
```
#504cbf rgb(80,76,191)
```
#bf504c
```
#bf504c rgb(191,80,76)
```

Triadic Color

#4cbbbf
```
#4cbbbf rgb(76,187,191)
```
#504cbf
```
#504cbf rgb(80,76,191)
```
#bf504c
```
#bf504c rgb(191,80,76)
```
#bbbf4c
```
#bbbf4c rgb(187,191,76)
```

Tetradic Color

#35328c
```
#35328c rgb(53,50,140)
```
#3c399f
```
#3c399f rgb(60,57,159)
```
#4440b2
```
#4440b2 rgb(68,64,178)
```
#504cbf
```
#504cbf rgb(80,76,191)
```
#625fc6
```
#625fc6 rgb(98,95,198)
```
#7572cc
```
#7572cc rgb(117,114,204)
```
#8784d3
```
#8784d3 rgb(135,132,211)
```

Monochromatic Color

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

#4c65bf
```
#4c65bf rgb(76,101,191)
```
#4c5bbf
```
#4c5bbf rgb(76,91,191)
```
#4c52bf
```
#4c52bf rgb(76,82,191)
```
#504cbf
```
#504cbf rgb(80,76,191)
```
#5a4cbf
```
#5a4cbf rgb(90,76,191)
```
#634cbf
```
#634cbf rgb(99,76,191)
```
#6d4cbf
```
#6d4cbf rgb(109,76,191)
```

Similar Colors

Text with hexadecimal color #504cbf

This text has a font color of #504cbf.

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

#504cbf background color

This paragraph has a background color of #504cbf.

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

#504cbf border color

This element has a border color of #504cbf.

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

CSS codes

.text {color:#504cbf;}

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

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

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

#030309
```
#030309 rgb(3,3,9)
```
#090817
```
#090817 rgb(9,8,23)
```
#0e0d26
```
#0e0d26 rgb(14,13,38)
```
#141334
```
#141334 rgb(20,19,52)
```
#191843
```
#191843 rgb(25,24,67)
```
#1f1d51
```
#1f1d51 rgb(31,29,81)
```
#242260
```
#242260 rgb(36,34,96)
```
#2a276e
```
#2a276e rgb(42,39,110)
```
#2f2c7c
```
#2f2c7c rgb(47,44,124)
```
#35328b
```
#35328b rgb(53,50,139)
```
#3a3799
```
#3a3799 rgb(58,55,153)
```
#403ca8
```
#403ca8 rgb(64,60,168)
```
#4541b6
```
#4541b6 rgb(69,65,182)
```

Shade Color Variation

#504cbf
```
#504cbf rgb(80,76,191)
```
#5e5ac4
```
#5e5ac4 rgb(94,90,196)
```
#6c69c9
```
#6c69c9 rgb(108,105,201)
```
#7a77ce
```
#7a77ce rgb(122,119,206)
```
#8986d4
```
#8986d4 rgb(137,134,212)
```
#9794d9
```
#9794d9 rgb(151,148,217)
```
#a5a3de
```
#a5a3de rgb(165,163,222)
```
#b3b1e3
```
#b3b1e3 rgb(179,177,227)
```
#c1c0e8
```
#c1c0e8 rgb(193,192,232)
```
#cfceed
```
#cfceed rgb(207,206,237)
```
#dddcf3
```
#dddcf3 rgb(221,220,243)
```
#ebebf8
```
#ebebf8 rgb(235,235,248)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#848487
```
#848487 rgb(132,132,135)
```
#7b7b90
```
#7b7b90 rgb(123,123,144)
```
#73719a
```
#73719a rgb(115,113,154)
```
#6a68a3
```
#6a68a3 rgb(106,104,163)
```
#615fac
```
#615fac rgb(97,95,172)
```
#5955b6
```
#5955b6 rgb(89,85,182)
```
#504cbf
```
#504cbf rgb(80,76,191)
```
#4743c8
```
#4743c8 rgb(71,67,200)
```
#3f39d2
```
#3f39d2 rgb(63,57,210)
```
#3630db
```
#3630db rgb(54,48,219)
```
#2d27e4
```
#2d27e4 rgb(45,39,228)
```
#251dee
```
#251dee rgb(37,29,238)
```
#1c14f7
```
#1c14f7 rgb(28,20,247)
```

Tone Color Variation

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

#0061be Protanopia 1% of men
#0066a7 Deuteranopia 1% of men
#2c6c74 Tritanopia 0.001% of the population

Trichromacy

#1d59be Protanomaly 1% of men, 0.01% of women
#1d5caf Deuteranomaly 6% of men, 0.4% of women
#39608f Tritanomaly 0.01% of the population

#504cbf hex color

#504cbf Color Information

#504cbf Color Conversion

Color Schemes with #504cbf

Alternatives to #504cbf

#504cbf Preview

Shades and Tints of #504cbf

Tones of #504cbf

Color Blindness Simulator