#504ebf hex color

In a RGB color space, hex #504ebf is composed of 31.4% red, 30.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 59.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 241.1 degrees, a saturation of 46.9% and a lightness of 52.7%. #504ebf color hex could be obtained by blending #a09cff with #00007f. Closest websafe color is: #6666cc.

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

● #504ebf color description : Moderate blue.

The hexadecimal color #504ebf has RGB values of R:80, G:78, B:191 and CMYK values of C:0.58, M:0.59, Y:0, K:0.25. Its decimal value is 5263039.

Hex triplet	504ebf	`#504ebf`
RGB Decimal	80, 78, 191	`rgb(80,78,191)`
RGB Percent	31.4, 30.6, 74.9	`rgb(31.4%,30.6%,74.9%)`
CMYK	58, 59, 0, 25
HSL	241.1°, 46.9, 52.7	`hsl(241.1,46.9%,52.7%)`
HSV (or HSB)	241.1°, 59.2, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.437, 33.833, -59.314
XYZ	15.435, 10.915, 50.581
xyY	0.201, 0.142, 10.915
CIE-LCH	39.437, 68.285, 299.701
CIE-LUV	39.437, -5.775, -87.907
Hunter-Lab	33.038, 25.575, -67.645
Binary	01010000, 01001110, 10111111

#504ebf
```
#504ebf rgb(80,78,191)
```
#bdbf4e
```
#bdbf4e rgb(189,191,78)
```

Complementary Color

#4e85bf
```
#4e85bf rgb(78,133,191)
```
#504ebf
```
#504ebf rgb(80,78,191)
```
#894ebf
```
#894ebf rgb(137,78,191)
```

Analogous Color

#85bf4e
```
#85bf4e rgb(133,191,78)
```
#504ebf
```
#504ebf rgb(80,78,191)
```
#bf894e
```
#bf894e rgb(191,137,78)
```

Split Complementary Color

#4ebf50
```
#4ebf50 rgb(78,191,80)
```
#504ebf
```
#504ebf rgb(80,78,191)
```
#bf504e
```
#bf504e rgb(191,80,78)
```

Triadic Color

#4ebdbf
```
#4ebdbf rgb(78,189,191)
```
#504ebf
```
#504ebf rgb(80,78,191)
```
#bf504e
```
#bf504e rgb(191,80,78)
```
#bdbf4e
```
#bdbf4e rgb(189,191,78)
```

Tetradic Color

#35338d
```
#35338d rgb(53,51,141)
```
#3c3aa0
```
#3c3aa0 rgb(60,58,160)
```
#4341b3
```
#4341b3 rgb(67,65,179)
```
#504ebf
```
#504ebf rgb(80,78,191)
```
#6361c6
```
#6361c6 rgb(99,97,198)
```
#7573cd
```
#7573cd rgb(117,115,205)
```
#8886d3
```
#8886d3 rgb(136,134,211)
```

Monochromatic Color

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

#4e68bf
```
#4e68bf rgb(78,104,191)
```
#4e5fbf
```
#4e5fbf rgb(78,95,191)
```
#4e55bf
```
#4e55bf rgb(78,85,191)
```
#504ebf
```
#504ebf rgb(80,78,191)
```
#594ebf
```
#594ebf rgb(89,78,191)
```
#634ebf
```
#634ebf rgb(99,78,191)
```
#6c4ebf
```
#6c4ebf rgb(108,78,191)
```

Similar Colors

Text with hexadecimal color #504ebf

This text has a font color of #504ebf.

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

#504ebf background color

This paragraph has a background color of #504ebf.

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

#504ebf border color

This element has a border color of #504ebf.

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

CSS codes

.text {color:#504ebf;}

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

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

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, #04040a is the darkest color, while #fbfbfe is the lightest one.

#04040a
```
#04040a rgb(4,4,10)
```
#090919
```
#090919 rgb(9,9,25)
```
#0f0e27
```
#0f0e27 rgb(15,14,39)
```
#141336
```
#141336 rgb(20,19,54)
```
#191944
```
#191944 rgb(25,25,68)
```
#1f1e52
```
#1f1e52 rgb(31,30,82)
```
#242361
```
#242361 rgb(36,35,97)
```
#29286f
```
#29286f rgb(41,40,111)
```
#2f2d7e
```
#2f2d7e rgb(47,45,126)
```
#34338c
```
#34338c rgb(52,51,140)
```
#3a389a
```
#3a389a rgb(58,56,154)
```
#3f3da9
```
#3f3da9 rgb(63,61,169)
```
#4442b7
```
#4442b7 rgb(68,66,183)
```

Shade Color Variation

#504ebf
```
#504ebf rgb(80,78,191)
```
#5e5cc4
```
#5e5cc4 rgb(94,92,196)
```
#6c6bc9
```
#6c6bc9 rgb(108,107,201)
```
#7b79cf
```
#7b79cf rgb(123,121,207)
```
#8988d4
```
#8988d4 rgb(137,136,212)
```
#9796d9
```
#9796d9 rgb(151,150,217)
```
#a5a4de
```
#a5a4de rgb(165,164,222)
```
#b4b3e3
```
#b4b3e3 rgb(180,179,227)
```
#c2c1e9
```
#c2c1e9 rgb(194,193,233)
```
#d0d0ee
```
#d0d0ee rgb(208,208,238)
```
#dedef3
```
#dedef3 rgb(222,222,243)
```
#edecf8
```
#edecf8 rgb(237,236,248)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#868687
```
#868687 rgb(134,134,135)
```
#7d7c91
```
#7d7c91 rgb(125,124,145)
```
#74739a
```
#74739a rgb(116,115,154)
```
#6b6aa3
```
#6b6aa3 rgb(107,106,163)
```
#6261ac
```
#6261ac rgb(98,97,172)
```
#5957b6
```
#5957b6 rgb(89,87,182)
```
#504ebf
```
#504ebf rgb(80,78,191)
```
#4745c8
```
#4745c8 rgb(71,69,200)
```
#3e3bd2
```
#3e3bd2 rgb(62,59,210)
```
#3532db
```
#3532db rgb(53,50,219)
```
#2c29e4
```
#2c29e4 rgb(44,41,228)
```
#2320ed
```
#2320ed rgb(35,32,237)
```
#1a16f7
```
#1a16f7 rgb(26,22,247)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#59586f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0067a9 Deuteranopia 1% of men
#2d6d75 Tritanopia 0.001% of the population

Trichromacy

#1d5abf Protanomaly 1% of men, 0.01% of women
#1d5eb1 Deuteranomaly 6% of men, 0.4% of women
#3a6290 Tritanomaly 0.01% of the population

#504ebf hex color

#504ebf Color Information

#504ebf Color Conversion

Color Schemes with #504ebf

Alternatives to #504ebf

#504ebf Preview

Shades and Tints of #504ebf

Tones of #504ebf

Color Blindness Simulator