#51506c hex color

In a RGB color space, hex #51506c is composed of 31.8% red, 31.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 25.9% magenta, 0% yellow and 57.6% black. It has a hue angle of 242.1 degrees, a saturation of 14.9% and a lightness of 36.9%. #51506c color hex could be obtained by blending #a2a0d8 with #000000. Closest websafe color is: #666666.

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

● #51506c color description : Very dark grayish blue.

The hexadecimal color #51506c has RGB values of R:81, G:80, B:108 and CMYK values of C:0.25, M:0.26, Y:0, K:0.58. Its decimal value is 5329004.

Hex triplet	51506c	`#51506c`
RGB Decimal	81, 80, 108	`rgb(81,80,108)`
RGB Percent	31.8, 31.4, 42.4	`rgb(31.8%,31.4%,42.4%)`
CMYK	25, 26, 0, 58
HSL	242.1°, 14.9, 36.9	`hsl(242.1,14.9%,36.9%)`
HSV (or HSB)	242.1°, 25.9, 42.4
Web Safe	666666	`#666666`

CIE-LAB	35.141, 7.191, -15.957
XYZ	8.968, 8.569, 15.368
xyY	0.273, 0.26, 8.569
CIE-LCH	35.141, 17.503, 294.26
CIE-LUV	35.141, -1.126, -22.065
Hunter-Lab	29.273, 3.458, -10.635
Binary	01010001, 01010000, 01101100

#51506c
```
#51506c rgb(81,80,108)
```
#6b6c50
```
#6b6c50 rgb(107,108,80)
```

Complementary Color

#505d6c
```
#505d6c rgb(80,93,108)
```
#51506c
```
#51506c rgb(81,80,108)
```
#5f506c
```
#5f506c rgb(95,80,108)
```

Analogous Color

#5d6c50
```
#5d6c50 rgb(93,108,80)
```
#51506c
```
#51506c rgb(81,80,108)
```
#6c5f50
```
#6c5f50 rgb(108,95,80)
```

Split Complementary Color

#506c51
```
#506c51 rgb(80,108,81)
```
#51506c
```
#51506c rgb(81,80,108)
```
#6c5150
```
#6c5150 rgb(108,81,80)
```

Triadic Color

#506b6c
```
#506b6c rgb(80,107,108)
```
#51506c
```
#51506c rgb(81,80,108)
```
#6c5150
```
#6c5150 rgb(108,81,80)
```
#6b6c50
```
#6b6c50 rgb(107,108,80)
```

Tetradic Color

#302f40
```
#302f40 rgb(48,47,64)
```
#3b3a4f
```
#3b3a4f rgb(59,58,79)
```
#46455d
```
#46455d rgb(70,69,93)
```
#51506c
```
#51506c rgb(81,80,108)
```
#5c5b7b
```
#5c5b7b rgb(92,91,123)
```
#676689
```
#676689 rgb(103,102,137)
```
#737297
```
#737297 rgb(115,114,151)
```

Monochromatic Color

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

#50566c
```
#50566c rgb(80,86,108)
```
#50546c
```
#50546c rgb(80,84,108)
```
#50516c
```
#50516c rgb(80,81,108)
```
#51506c
```
#51506c rgb(81,80,108)
```
#53506c
```
#53506c rgb(83,80,108)
```
#56506c
```
#56506c rgb(86,80,108)
```
#58506c
```
#58506c rgb(88,80,108)
```

Similar Colors

Text with hexadecimal color #51506c

This text has a font color of #51506c.

<span style="color:#51506c;">Text here</span>

#51506c background color

This paragraph has a background color of #51506c.

<p style="background-color:#51506c;">Content here</p>

#51506c border color

This element has a border color of #51506c.

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

CSS codes

.text {color:#51506c;}

.background {background-color:#51506c;}

.border {border:1px solid #51506c;}

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

#050507
```
#050507 rgb(5,5,7)
```
#0d0d12
```
#0d0d12 rgb(13,13,18)
```
#16161d
```
#16161d rgb(22,22,29)
```
#1e1e28
```
#1e1e28 rgb(30,30,40)
```
#272634
```
#272634 rgb(39,38,52)
```
#2f2f3f
```
#2f2f3f rgb(47,47,63)
```
#38374a
```
#38374a rgb(56,55,74)
```
#403f55
```
#403f55 rgb(64,63,85)
```
#494861
```
#494861 rgb(73,72,97)
```
#51506c
```
#51506c rgb(81,80,108)
```
#595877
```
#595877 rgb(89,88,119)
```
#626183
```
#626183 rgb(98,97,131)
```
#6a698e
```
#6a698e rgb(106,105,142)
```

Shade Color Variation

#747397
```
#747397 rgb(116,115,151)
```
#807ea0
```
#807ea0 rgb(128,126,160)
```
#8b8aa8
```
#8b8aa8 rgb(139,138,168)
```
#9695b0
```
#9695b0 rgb(150,149,176)
```
#a1a0b9
```
#a1a0b9 rgb(161,160,185)
```
#acabc1
```
#acabc1 rgb(172,171,193)
```
#b7b7c9
```
#b7b7c9 rgb(183,183,201)
```
#c3c2d2
```
#c3c2d2 rgb(195,194,210)
```
#cecdda
```
#cecdda rgb(206,205,218)
```
#d9d9e2
```
#d9d9e2 rgb(217,217,226)
```
#e4e4eb
```
#e4e4eb rgb(228,228,235)
```
#efeff3
```
#efeff3 rgb(239,239,243)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#585765
```
#585765 rgb(88,87,101)
```
#51506c
```
#51506c rgb(81,80,108)
```
#4a4973
```
#4a4973 rgb(74,73,115)
```
#44427a
```
#44427a rgb(68,66,122)
```
#3d3a82
```
#3d3a82 rgb(61,58,130)
```
#363389
```
#363389 rgb(54,51,137)
```
#2f2c90
```
#2f2c90 rgb(47,44,144)
```
#292597
```
#292597 rgb(41,37,151)
```
#221d9f
```
#221d9f rgb(34,29,159)
```
#1b16a6
```
#1b16a6 rgb(27,22,166)
```
#150fad
```
#150fad rgb(21,15,173)
```
#0e08b4
```
#0e08b4 rgb(14,8,180)
```
#0700bc
```
#0700bc rgb(7,0,188)
```

Tone Color Variation

Below, you can see how #51506c 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

#535353 Achromatopsia 0.005% of the population
#535258 Atypical Achromatopsia 0.001% of the population

Dichromacy

#545a74 Protanopia 1% of men
#565a73 Deuteranopia 1% of men
#565c62 Tritanopia 0.001% of the population

Trichromacy

#535671 Protanomaly 1% of men, 0.01% of women
#545670 Deuteranomaly 6% of men, 0.4% of women
#545766 Tritanomaly 0.01% of the population

#51506c hex color

#51506c Color Information

#51506c Color Conversion

Color Schemes with #51506c

Alternatives to #51506c

#51506c Preview

Shades and Tints of #51506c

Tones of #51506c

Color Blindness Simulator