#504fbf hex color

In a RGB color space, hex #504fbf is composed of 31.4% red, 31% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 58.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 240.5 degrees, a saturation of 46.7% and a lightness of 52.9%. #504fbf color hex could be obtained by blending #a09eff 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

● #504fbf color description : Moderate blue.

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

Hex triplet	504fbf	`#504fbf`
RGB Decimal	80, 79, 191	`rgb(80,79,191)`
RGB Percent	31.4, 31, 74.9	`rgb(31.4%,31%,74.9%)`
CMYK	58, 59, 0, 25
HSL	240.5°, 46.7, 52.9	`hsl(240.5,46.7%,52.9%)`
HSV (or HSB)	240.5°, 58.6, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.679, 33.214, -58.922
XYZ	15.506, 11.058, 50.605
xyY	0.201, 0.143, 11.058
CIE-LCH	39.679, 67.639, 299.41
CIE-LUV	39.679, -6.028, -87.503
Hunter-Lab	33.254, 25.04, -66.947
Binary	01010000, 01001111, 10111111

#504fbf
```
#504fbf rgb(80,79,191)
```
#bebf4f
```
#bebf4f rgb(190,191,79)
```

Complementary Color

#4f86bf
```
#4f86bf rgb(79,134,191)
```
#504fbf
```
#504fbf rgb(80,79,191)
```
#884fbf
```
#884fbf rgb(136,79,191)
```

Analogous Color

#86bf4f
```
#86bf4f rgb(134,191,79)
```
#504fbf
```
#504fbf rgb(80,79,191)
```
#bf884f
```
#bf884f rgb(191,136,79)
```

Split Complementary Color

#4fbf50
```
#4fbf50 rgb(79,191,80)
```
#504fbf
```
#504fbf rgb(80,79,191)
```
#bf504f
```
#bf504f rgb(191,80,79)
```

Triadic Color

#4fbebf
```
#4fbebf rgb(79,190,191)
```
#504fbf
```
#504fbf rgb(80,79,191)
```
#bf504f
```
#bf504f rgb(191,80,79)
```
#bebf4f
```
#bebf4f rgb(190,191,79)
```

Tetradic Color

#34348e
```
#34348e rgb(52,52,142)
```
#3b3aa1
```
#3b3aa1 rgb(59,58,161)
```
#4241b3
```
#4241b3 rgb(66,65,179)
```
#504fbf
```
#504fbf rgb(80,79,191)
```
#6362c6
```
#6362c6 rgb(99,98,198)
```
#7574cd
```
#7574cd rgb(117,116,205)
```
#8887d3
```
#8887d3 rgb(136,135,211)
```

Monochromatic Color

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

#4f6abf
```
#4f6abf rgb(79,106,191)
```
#4f61bf
```
#4f61bf rgb(79,97,191)
```
#4f57bf
```
#4f57bf rgb(79,87,191)
```
#504fbf
```
#504fbf rgb(80,79,191)
```
#594fbf
```
#594fbf rgb(89,79,191)
```
#634fbf
```
#634fbf rgb(99,79,191)
```
#6c4fbf
```
#6c4fbf rgb(108,79,191)
```

Similar Colors

Text with hexadecimal color #504fbf

This text has a font color of #504fbf.

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

#504fbf background color

This paragraph has a background color of #504fbf.

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

#504fbf border color

This element has a border color of #504fbf.

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

CSS codes

.text {color:#504fbf;}

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

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

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

#04040b
```
#04040b rgb(4,4,11)
```
#090919
```
#090919 rgb(9,9,25)
```
#0f0e28
```
#0f0e28 rgb(15,14,40)
```
#141436
```
#141436 rgb(20,20,54)
```
#191945
```
#191945 rgb(25,25,69)
```
#1f1e53
```
#1f1e53 rgb(31,30,83)
```
#242361
```
#242361 rgb(36,35,97)
```
#292970
```
#292970 rgb(41,41,112)
```
#2f2e7e
```
#2f2e7e rgb(47,46,126)
```
#34338c
```
#34338c rgb(52,51,140)
```
#39389b
```
#39389b rgb(57,56,155)
```
#3f3ea9
```
#3f3ea9 rgb(63,62,169)
```
#4443b8
```
#4443b8 rgb(68,67,184)
```

Shade Color Variation

#504fbf
```
#504fbf rgb(80,79,191)
```
#5e5dc4
```
#5e5dc4 rgb(94,93,196)
```
#6d6cc9
```
#6d6cc9 rgb(109,108,201)
```
#7b7acf
```
#7b7acf rgb(123,122,207)
```
#8989d4
```
#8989d4 rgb(137,137,212)
```
#9897d9
```
#9897d9 rgb(152,151,217)
```
#a6a5de
```
#a6a5de rgb(166,165,222)
```
#b4b4e4
```
#b4b4e4 rgb(180,180,228)
```
#c2c2e9
```
#c2c2e9 rgb(194,194,233)
```
#d1d0ee
```
#d1d0ee rgb(209,208,238)
```
#dfdff3
```
#dfdff3 rgb(223,223,243)
```
#ededf9
```
#ededf9 rgb(237,237,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#868688
```
#868688 rgb(134,134,136)
```
#7d7d91
```
#7d7d91 rgb(125,125,145)
```
#74749a
```
#74749a rgb(116,116,154)
```
#6b6ba3
```
#6b6ba3 rgb(107,107,163)
```
#6261ad
```
#6261ad rgb(98,97,173)
```
#5958b6
```
#5958b6 rgb(89,88,182)
```
#504fbf
```
#504fbf rgb(80,79,191)
```
#4746c8
```
#4746c8 rgb(71,70,200)
```
#3e3dd1
```
#3e3dd1 rgb(62,61,209)
```
#3533db
```
#3533db rgb(53,51,219)
```
#2c2ae4
```
#2c2ae4 rgb(44,42,228)
```
#2321ed
```
#2321ed rgb(35,33,237)
```
#1a18f6
```
#1a18f6 rgb(26,24,246)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5970 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c1 Protanopia 1% of men
#0068aa Deuteranopia 1% of men
#2e6e76 Tritanopia 0.001% of the population

Trichromacy

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

#504fbf hex color

#504fbf Color Information

#504fbf Color Conversion

Color Schemes with #504fbf

Alternatives to #504fbf

#504fbf Preview

Shades and Tints of #504fbf

Tones of #504fbf

Color Blindness Simulator