#504f81 hex color

In a RGB color space, hex #504f81 is composed of 31.4% red, 31% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 38.8% magenta, 0% yellow and 49.4% black. It has a hue angle of 241.2 degrees, a saturation of 24% and a lightness of 40.8%. #504f81 color hex could be obtained by blending #a09eff with #000003. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 31
- B 51
RGB color chart
- C 38
- M 39
- Y 0
- K 49
CMYK color chart

● #504f81 color description : Mostly desaturated dark blue.

The hexadecimal color #504f81 has RGB values of R:80, G:79, B:129 and CMYK values of C:0.38, M:0.39, Y:0, K:0.49. Its decimal value is 5263233.

Hex triplet	504f81	`#504f81`
RGB Decimal	80, 79, 129	`rgb(80,79,129)`
RGB Percent	31.4, 31, 50.6	`rgb(31.4%,31%,50.6%)`
CMYK	38, 39, 0, 49
HSL	241.2°, 24, 40.8	`hsl(241.2,24%,40.8%)`
HSV (or HSB)	241.2°, 38.8, 50.6
Web Safe	666699	`#666699`

CIE-LAB	35.757, 13.472, -28.038
XYZ	10.066, 8.882, 21.952
xyY	0.246, 0.217, 8.882
CIE-LCH	35.757, 31.107, 295.663
CIE-LUV	35.757, -2.479, -40.037
Hunter-Lab	29.803, 8.133, -22.809
Binary	01010000, 01001111, 10000001

#504f81
```
#504f81 rgb(80,79,129)
```
#80814f
```
#80814f rgb(128,129,79)
```

Complementary Color

#4f6781
```
#4f6781 rgb(79,103,129)
```
#504f81
```
#504f81 rgb(80,79,129)
```
#694f81
```
#694f81 rgb(105,79,129)
```

Analogous Color

#67814f
```
#67814f rgb(103,129,79)
```
#504f81
```
#504f81 rgb(80,79,129)
```
#81694f
```
#81694f rgb(129,105,79)
```

Split Complementary Color

#4f8150
```
#4f8150 rgb(79,129,80)
```
#504f81
```
#504f81 rgb(80,79,129)
```
#81504f
```
#81504f rgb(129,80,79)
```

Triadic Color

#4f8081
```
#4f8081 rgb(79,128,129)
```
#504f81
```
#504f81 rgb(80,79,129)
```
#81504f
```
#81504f rgb(129,80,79)
```
#80814f
```
#80814f rgb(128,129,79)
```

Tetradic Color

#333252
```
#333252 rgb(51,50,82)
```
#3c3c61
```
#3c3c61 rgb(60,60,97)
```
#464571
```
#464571 rgb(70,69,113)
```
#504f81
```
#504f81 rgb(80,79,129)
```
#5a5991
```
#5a5991 rgb(90,89,145)
```
#6563a0
```
#6563a0 rgb(101,99,160)
```
#7473a9
```
#7473a9 rgb(116,115,169)
```

Monochromatic Color

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

#4f5b81
```
#4f5b81 rgb(79,91,129)
```
#4f5681
```
#4f5681 rgb(79,86,129)
```
#4f5281
```
#4f5281 rgb(79,82,129)
```
#504f81
```
#504f81 rgb(80,79,129)
```
#544f81
```
#544f81 rgb(84,79,129)
```
#584f81
```
#584f81 rgb(88,79,129)
```
#5d4f81
```
#5d4f81 rgb(93,79,129)
```

Similar Colors

Text with hexadecimal color #504f81

This text has a font color of #504f81.

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

#504f81 background color

This paragraph has a background color of #504f81.

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

#504f81 border color

This element has a border color of #504f81.

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

CSS codes

.text {color:#504f81;}

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

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

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

#050407
```
#050407 rgb(5,4,7)
```
#0c0c14
```
#0c0c14 rgb(12,12,20)
```
#141320
```
#141320 rgb(20,19,32)
```
#1b1b2c
```
#1b1b2c rgb(27,27,44)
```
#232238
```
#232238 rgb(35,34,56)
```
#2a2a44
```
#2a2a44 rgb(42,42,68)
```
#323150
```
#323150 rgb(50,49,80)
```
#39395d
```
#39395d rgb(57,57,93)
```
#414069
```
#414069 rgb(65,64,105)
```
#484875
```
#484875 rgb(72,72,117)
```
#504f81
```
#504f81 rgb(80,79,129)
```
#58568d
```
#58568d rgb(88,86,141)
```
#5f5e99
```
#5f5e99 rgb(95,94,153)
```

Shade Color Variation

#6968a3
```
#6968a3 rgb(105,104,163)
```
#7574aa
```
#7574aa rgb(117,116,170)
```
#8281b2
```
#8281b2 rgb(130,129,178)
```
#8e8db9
```
#8e8db9 rgb(142,141,185)
```
#9a99c0
```
#9a99c0 rgb(154,153,192)
```
#a6a5c8
```
#a6a5c8 rgb(166,165,200)
```
#b2b1cf
```
#b2b1cf rgb(178,177,207)
```
#bebdd7
```
#bebdd7 rgb(190,189,215)
```
#cacade
```
#cacade rgb(202,202,222)
```
#d6d6e6
```
#d6d6e6 rgb(214,214,230)
```
#e2e2ed
```
#e2e2ed rgb(226,226,237)
```
#eeeef5
```
#eeeef5 rgb(238,238,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#676769
```
#676769 rgb(103,103,105)
```
#5f5f71
```
#5f5f71 rgb(95,95,113)
```
#585779
```
#585779 rgb(88,87,121)
```
#504f81
```
#504f81 rgb(80,79,129)
```
#484789
```
#484789 rgb(72,71,137)
```
#413f91
```
#413f91 rgb(65,63,145)
```
#393799
```
#393799 rgb(57,55,153)
```
#312fa1
```
#312fa1 rgb(49,47,161)
```
#2a27a9
```
#2a27a9 rgb(42,39,169)
```
#221fb1
```
#221fb1 rgb(34,31,177)
```
#1a17b9
```
#1a17b9 rgb(26,23,185)
```
#130fc1
```
#130fc1 rgb(19,15,193)
```
#0b07c9
```
#0b07c9 rgb(11,7,201)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#54545e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5b8a Protanopia 1% of men
#485c85 Deuteranopia 1% of men
#4f5f66 Tritanopia 0.001% of the population

Trichromacy

#4c5686 Protanomaly 1% of men, 0.01% of women
#4b5784 Deuteranomaly 6% of men, 0.4% of women
#4f5970 Tritanomaly 0.01% of the population

#504f81 hex color

#504f81 Color Information

#504f81 Color Conversion

Color Schemes with #504f81

Alternatives to #504f81

#504f81 Preview

Shades and Tints of #504f81

Tones of #504f81

Color Blindness Simulator