#504c66 hex color

In a RGB color space, hex #504c66 is composed of 31.4% red, 29.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 25.5% magenta, 0% yellow and 60% black. It has a hue angle of 249.2 degrees, a saturation of 14.6% and a lightness of 34.9%. #504c66 color hex could be obtained by blending #a098cc with #000000. Closest websafe color is: #663366.

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

● #504c66 color description : Very dark grayish blue.

The hexadecimal color #504c66 has RGB values of R:80, G:76, B:102 and CMYK values of C:0.22, M:0.25, Y:0, K:0.6. Its decimal value is 5262438.

Hex triplet	504c66	`#504c66`
RGB Decimal	80, 76, 102	`rgb(80,76,102)`
RGB Percent	31.4, 29.8, 40	`rgb(31.4%,29.8%,40%)`
CMYK	22, 25, 0, 60
HSL	249.2°, 14.6, 34.9	`hsl(249.2,14.6%,34.9%)`
HSV (or HSB)	249.2°, 25.5, 40
Web Safe	663366	`#663366`

CIE-LAB	33.634, 7.804, -14.509
XYZ	8.291, 7.834, 13.645
xyY	0.278, 0.263, 7.834
CIE-LCH	33.634, 16.475, 298.276
CIE-LUV	33.634, 0.463, -19.886
Hunter-Lab	27.989, 3.894, -9.313
Binary	01010000, 01001100, 01100110

#504c66
```
#504c66 rgb(80,76,102)
```
#62664c
```
#62664c rgb(98,102,76)
```

Complementary Color

#4c5566
```
#4c5566 rgb(76,85,102)
```
#504c66
```
#504c66 rgb(80,76,102)
```
#5d4c66
```
#5d4c66 rgb(93,76,102)
```

Analogous Color

#55664c
```
#55664c rgb(85,102,76)
```
#504c66
```
#504c66 rgb(80,76,102)
```
#665d4c
```
#665d4c rgb(102,93,76)
```

Split Complementary Color

#4c6650
```
#4c6650 rgb(76,102,80)
```
#504c66
```
#504c66 rgb(80,76,102)
```
#66504c
```
#66504c rgb(102,80,76)
```

Triadic Color

#4c6266
```
#4c6266 rgb(76,98,102)
```
#504c66
```
#504c66 rgb(80,76,102)
```
#66504c
```
#66504c rgb(102,80,76)
```
#62664c
```
#62664c rgb(98,102,76)
```

Tetradic Color

#2e2b3a
```
#2e2b3a rgb(46,43,58)
```
#393649
```
#393649 rgb(57,54,73)
```
#454157
```
#454157 rgb(69,65,87)
```
#504c66
```
#504c66 rgb(80,76,102)
```
#5b5775
```
#5b5775 rgb(91,87,117)
```
#676283
```
#676283 rgb(103,98,131)
```
#726d92
```
#726d92 rgb(114,109,146)
```

Monochromatic Color

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

#4c4f66
```
#4c4f66 rgb(76,79,102)
```
#4c4c66
```
#4c4c66 rgb(76,76,102)
```
#4e4c66
```
#4e4c66 rgb(78,76,102)
```
#504c66
```
#504c66 rgb(80,76,102)
```
#524c66
```
#524c66 rgb(82,76,102)
```
#544c66
```
#544c66 rgb(84,76,102)
```
#574c66
```
#574c66 rgb(87,76,102)
```

Similar Colors

Text with hexadecimal color #504c66

This text has a font color of #504c66.

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

#504c66 background color

This paragraph has a background color of #504c66.

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

#504c66 border color

This element has a border color of #504c66.

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

CSS codes

.text {color:#504c66;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#09090c
```
#09090c rgb(9,9,12)
```
#121117
```
#121117 rgb(18,17,23)
```
#1b1a23
```
#1b1a23 rgb(27,26,35)
```
#24222e
```
#24222e rgb(36,34,46)
```
#2d2a39
```
#2d2a39 rgb(45,42,57)
```
#363344
```
#363344 rgb(54,51,68)
```
#3e3b50
```
#3e3b50 rgb(62,59,80)
```
#47445b
```
#47445b rgb(71,68,91)
```
#504c66
```
#504c66 rgb(80,76,102)
```
#595471
```
#595471 rgb(89,84,113)
```
#625d7c
```
#625d7c rgb(98,93,124)
```
#6a6588
```
#6a6588 rgb(106,101,136)
```

Shade Color Variation

#736e93
```
#736e93 rgb(115,110,147)
```
#7e799b
```
#7e799b rgb(126,121,155)
```
#8984a3
```
#8984a3 rgb(137,132,163)
```
#948fac
```
#948fac rgb(148,143,172)
```
#9f9bb4
```
#9f9bb4 rgb(159,155,180)
```
#a9a6bd
```
#a9a6bd rgb(169,166,189)
```
#b4b1c5
```
#b4b1c5 rgb(180,177,197)
```
#bfbccd
```
#bfbccd rgb(191,188,205)
```
#cac8d6
```
#cac8d6 rgb(202,200,214)
```
#d5d3de
```
#d5d3de rgb(213,211,222)
```
#dfdee6
```
#dfdee6 rgb(223,222,230)
```
#eae9ef
```
#eae9ef rgb(234,233,239)
```
#f5f5f7
```
#f5f5f7 rgb(245,245,247)
```

Tint Color Variation

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

#55535f
```
#55535f rgb(85,83,95)
```
#504c66
```
#504c66 rgb(80,76,102)
```
#4b456d
```
#4b456d rgb(75,69,109)
```
#473e74
```
#473e74 rgb(71,62,116)
```
#42377b
```
#42377b rgb(66,55,123)
```
#3d3181
```
#3d3181 rgb(61,49,129)
```
#382a88
```
#382a88 rgb(56,42,136)
```
#34238f
```
#34238f rgb(52,35,143)
```
#2f1c96
```
#2f1c96 rgb(47,28,150)
```
#2a159d
```
#2a159d rgb(42,21,157)
```
#250ea4
```
#250ea4 rgb(37,14,164)
```
#2108aa
```
#2108aa rgb(33,8,170)
```
#1c01b1
```
#1c01b1 rgb(28,1,177)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#504f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#51576f Protanopia 1% of men
#54566d Deuteranopia 1% of men
#55585e Tritanopia 0.001% of the population

Trichromacy

#51536b Protanomaly 1% of men, 0.01% of women
#52526a Deuteranomaly 6% of men, 0.4% of women
#535361 Tritanomaly 0.01% of the population

#504c66 hex color

#504c66 Color Information

#504c66 Color Conversion

Color Schemes with #504c66

Alternatives to #504c66

#504c66 Preview

Shades and Tints of #504c66

Tones of #504c66

Color Blindness Simulator