#504b60 hex color

In a RGB color space, hex #504b60 is composed of 31.4% red, 29.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 21.9% magenta, 0% yellow and 62.4% black. It has a hue angle of 254.3 degrees, a saturation of 12.3% and a lightness of 33.5%. #504b60 color hex could be obtained by blending #a096c0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 29
- B 38
RGB color chart
- C 17
- M 22
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #504b60 has RGB values of R:80, G:75, B:96 and CMYK values of C:0.17, M:0.22, Y:0, K:0.62. Its decimal value is 5262176.

Hex triplet	504b60	`#504b60`
RGB Decimal	80, 75, 96	`rgb(80,75,96)`
RGB Percent	31.4, 29.4, 37.6	`rgb(31.4%,29.4%,37.6%)`
CMYK	17, 22, 0, 62
HSL	254.3°, 12.3, 33.5	`hsl(254.3,12.3%,33.5%)`
HSV (or HSB)	254.3°, 21.9, 37.6
Web Safe	663366	`#663366`

CIE-LAB	33.097, 6.905, -11.534
XYZ	7.935, 7.582, 12.111
xyY	0.287, 0.274, 7.582
CIE-LCH	33.097, 13.443, 300.907
CIE-LUV	33.097, 1.313, -15.681
Hunter-Lab	27.536, 3.253, -6.803
Binary	01010000, 01001011, 01100000

#504b60
```
#504b60 rgb(80,75,96)
```
#5b604b
```
#5b604b rgb(91,96,75)
```

Complementary Color

#4b5160
```
#4b5160 rgb(75,81,96)
```
#504b60
```
#504b60 rgb(80,75,96)
```
#5b4b60
```
#5b4b60 rgb(91,75,96)
```

Analogous Color

#51604b
```
#51604b rgb(81,96,75)
```
#504b60
```
#504b60 rgb(80,75,96)
```
#605b4b
```
#605b4b rgb(96,91,75)
```

Split Complementary Color

#4b6050
```
#4b6050 rgb(75,96,80)
```
#504b60
```
#504b60 rgb(80,75,96)
```
#60504b
```
#60504b rgb(96,80,75)
```

Triadic Color

#4b5b60
```
#4b5b60 rgb(75,91,96)
```
#504b60
```
#504b60 rgb(80,75,96)
```
#60504b
```
#60504b rgb(96,80,75)
```
#5b604b
```
#5b604b rgb(91,96,75)
```

Tetradic Color

#2c2935
```
#2c2935 rgb(44,41,53)
```
#383543
```
#383543 rgb(56,53,67)
```
#444052
```
#444052 rgb(68,64,82)
```
#504b60
```
#504b60 rgb(80,75,96)
```
#5c566e
```
#5c566e rgb(92,86,110)
```
#68617d
```
#68617d rgb(104,97,125)
```
#746d8b
```
#746d8b rgb(116,109,139)
```

Monochromatic Color

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

#4b4b60
```
#4b4b60 rgb(75,75,96)
```
#4d4b60
```
#4d4b60 rgb(77,75,96)
```
#4e4b60
```
#4e4b60 rgb(78,75,96)
```
#504b60
```
#504b60 rgb(80,75,96)
```
#524b60
```
#524b60 rgb(82,75,96)
```
#544b60
```
#544b60 rgb(84,75,96)
```
#554b60
```
#554b60 rgb(85,75,96)
```

Similar Colors

Text with hexadecimal color #504b60

This text has a font color of #504b60.

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

#504b60 background color

This paragraph has a background color of #504b60.

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

#504b60 border color

This element has a border color of #504b60.

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

CSS codes

.text {color:#504b60;}

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

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

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

#070608
```
#070608 rgb(7,6,8)
```
#100f13
```
#100f13 rgb(16,15,19)
```
#19171e
```
#19171e rgb(25,23,30)
```
#222029
```
#222029 rgb(34,32,41)
```
#2b2934
```
#2b2934 rgb(43,41,52)
```
#34313f
```
#34313f rgb(52,49,63)
```
#3e3a4a
```
#3e3a4a rgb(62,58,74)
```
#474255
```
#474255 rgb(71,66,85)
```
#504b60
```
#504b60 rgb(80,75,96)
```
#59546b
```
#59546b rgb(89,84,107)
```
#625c76
```
#625c76 rgb(98,92,118)
```
#6c6581
```
#6c6581 rgb(108,101,129)
```
#756d8c
```
#756d8c rgb(117,109,140)
```

Shade Color Variation

#7f7895
```
#7f7895 rgb(127,120,149)
```
#89839e
```
#89839e rgb(137,131,158)
```
#948ea7
```
#948ea7 rgb(148,142,167)
```
#9e99af
```
#9e99af rgb(158,153,175)
```
#a9a4b8
```
#a9a4b8 rgb(169,164,184)
```
#b3afc0
```
#b3afc0 rgb(179,175,192)
```
#bdbac9
```
#bdbac9 rgb(189,186,201)
```
#c8c5d2
```
#c8c5d2 rgb(200,197,210)
```
#d2d0da
```
#d2d0da rgb(210,208,218)
```
#dddbe3
```
#dddbe3 rgb(221,219,227)
```
#e7e6eb
```
#e7e6eb rgb(231,230,235)
```
#f2f1f4
```
#f2f1f4 rgb(242,241,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#535259
```
#535259 rgb(83,82,89)
```
#504b60
```
#504b60 rgb(80,75,96)
```
#4d4467
```
#4d4467 rgb(77,68,103)
```
#493e6d
```
#493e6d rgb(73,62,109)
```
#463774
```
#463774 rgb(70,55,116)
```
#42317a
```
#42317a rgb(66,49,122)
```
#3f2a81
```
#3f2a81 rgb(63,42,129)
```
#3b2487
```
#3b2487 rgb(59,36,135)
```
#381d8e
```
#381d8e rgb(56,29,142)
```
#341695
```
#341695 rgb(52,22,149)
```
#31109b
```
#31109b rgb(49,16,155)
```
#2e09a2
```
#2e09a2 rgb(46,9,162)
```
#2a03a8
```
#2a03a8 rgb(42,3,168)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4f4e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525669 Protanopia 1% of men
#565567 Deuteranopia 1% of men
#56565c Tritanopia 0.001% of the population

Trichromacy

#515266 Protanomaly 1% of men, 0.01% of women
#535165 Deuteranomaly 6% of men, 0.4% of women
#54525d Tritanomaly 0.01% of the population

#504b60 hex color

#504b60 Color Information

#504b60 Color Conversion

Color Schemes with #504b60

Alternatives to #504b60

#504b60 Preview

Shades and Tints of #504b60

Tones of #504b60

Color Blindness Simulator