#515f68 hex color

In a RGB color space, hex #515f68 is composed of 31.8% red, 37.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 8.7% magenta, 0% yellow and 59.2% black. It has a hue angle of 203.5 degrees, a saturation of 12.4% and a lightness of 36.3%. #515f68 color hex could be obtained by blending #a2bed0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 32
- G 37
- B 41
RGB color chart
- C 22
- M 9
- Y 0
- K 59
CMYK color chart

● #515f68 color description : Very dark grayish blue.

The hexadecimal color #515f68 has RGB values of R:81, G:95, B:104 and CMYK values of C:0.22, M:0.09, Y:0, K:0.59. Its decimal value is 5332840.

Hex triplet	515f68	`#515f68`
RGB Decimal	81, 95, 104	`rgb(81,95,104)`
RGB Percent	31.8, 37.3, 40.8	`rgb(31.8%,37.3%,40.8%)`
CMYK	22, 9, 0, 59
HSL	203.5°, 12.4, 36.3	`hsl(203.5,12.4%,36.3%)`
HSV (or HSB)	203.5°, 22.1, 40.8
Web Safe	666666	`#666666`

CIE-LAB	39.467, -3.169, -6.921
XYZ	9.984, 10.933, 14.68
xyY	0.28, 0.307, 10.933
CIE-LCH	39.467, 7.612, 245.395
CIE-LUV	39.467, -7.526, -8.729
Hunter-Lab	33.065, -3.968, -3.178
Binary	01010001, 01011111, 01101000

#515f68
```
#515f68 rgb(81,95,104)
```
#685a51
```
#685a51 rgb(104,90,81)
```

Complementary Color

#516866
```
#516866 rgb(81,104,102)
```
#515f68
```
#515f68 rgb(81,95,104)
```
#515468
```
#515468 rgb(81,84,104)
```

Analogous Color

#686651
```
#686651 rgb(104,102,81)
```
#515f68
```
#515f68 rgb(81,95,104)
```
#685154
```
#685154 rgb(104,81,84)
```

Split Complementary Color

#5f6851
```
#5f6851 rgb(95,104,81)
```
#515f68
```
#515f68 rgb(81,95,104)
```
#68515f
```
#68515f rgb(104,81,95)
```

Triadic Color

#51685a
```
#51685a rgb(81,104,90)
```
#515f68
```
#515f68 rgb(81,95,104)
```
#68515f
```
#68515f rgb(104,81,95)
```
#685a51
```
#685a51 rgb(104,90,81)
```

Tetradic Color

#30383d
```
#30383d rgb(48,56,61)
```
#3b454b
```
#3b454b rgb(59,69,75)
```
#46525a
```
#46525a rgb(70,82,90)
```
#515f68
```
#515f68 rgb(81,95,104)
```
#5c6c76
```
#5c6c76 rgb(92,108,118)
```
#677985
```
#677985 rgb(103,121,133)
```
#738692
```
#738692 rgb(115,134,146)
```

Monochromatic Color

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

#516568
```
#516568 rgb(81,101,104)
```
#516368
```
#516368 rgb(81,99,104)
```
#516168
```
#516168 rgb(81,97,104)
```
#515f68
```
#515f68 rgb(81,95,104)
```
#515d68
```
#515d68 rgb(81,93,104)
```
#515b68
```
#515b68 rgb(81,91,104)
```
#515968
```
#515968 rgb(81,89,104)
```

Similar Colors

Text with hexadecimal color #515f68

This text has a font color of #515f68.

<span style="color:#515f68;">Text here</span>

#515f68 background color

This paragraph has a background color of #515f68.

<p style="background-color:#515f68;">Content here</p>

#515f68 border color

This element has a border color of #515f68.

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

CSS codes

.text {color:#515f68;}

.background {background-color:#515f68;}

.border {border:1px solid #515f68;}

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0e10
```
#0c0e10 rgb(12,14,16)
```
#15181b
```
#15181b rgb(21,24,27)
```
#1d2326
```
#1d2326 rgb(29,35,38)
```
#262d31
```
#262d31 rgb(38,45,49)
```
#2f373c
```
#2f373c rgb(47,55,60)
```
#374147
```
#374147 rgb(55,65,71)
```
#404b52
```
#404b52 rgb(64,75,82)
```
#48555d
```
#48555d rgb(72,85,93)
```
#515f68
```
#515f68 rgb(81,95,104)
```
#5a6973
```
#5a6973 rgb(90,105,115)
```
#62737e
```
#62737e rgb(98,115,126)
```
#6b7d89
```
#6b7d89 rgb(107,125,137)
```

Shade Color Variation

#748793
```
#748793 rgb(116,135,147)
```
#7f919c
```
#7f919c rgb(127,145,156)
```
#8a9aa4
```
#8a9aa4 rgb(138,154,164)
```
#95a4ad
```
#95a4ad rgb(149,164,173)
```
#a1adb5
```
#a1adb5 rgb(161,173,181)
```
#acb7be
```
#acb7be rgb(172,183,190)
```
#b7c0c7
```
#b7c0c7 rgb(183,192,199)
```
#c2cacf
```
#c2cacf rgb(194,202,207)
```
#cdd3d8
```
#cdd3d8 rgb(205,211,216)
```
#d8dde0
```
#d8dde0 rgb(216,221,224)
```
#e3e6e9
```
#e3e6e9 rgb(227,230,233)
```
#eef0f2
```
#eef0f2 rgb(238,240,242)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585d61 is the less saturated color, while #0370b6 is the most saturated one.

#585d61
```
#585d61 rgb(88,93,97)
```
#515f68
```
#515f68 rgb(81,95,104)
```
#4a616f
```
#4a616f rgb(74,97,111)
```
#436276
```
#436276 rgb(67,98,118)
```
#3c647d
```
#3c647d rgb(60,100,125)
```
#356584
```
#356584 rgb(53,101,132)
```
#2d678c
```
#2d678c rgb(45,103,140)
```
#266893
```
#266893 rgb(38,104,147)
```
#1f6a9a
```
#1f6a9a rgb(31,106,154)
```
#186ba1
```
#186ba1 rgb(24,107,161)
```
#116da8
```
#116da8 rgb(17,109,168)
```
#0a6eaf
```
#0a6eaf rgb(10,110,175)
```
#0370b6
```
#0370b6 rgb(3,112,182)
```

Tone Color Variation

Below, you can see how #515f68 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
#5a5d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#64646e Protanopia 1% of men
#686271 Deuteranopia 1% of men
#59676e Tritanopia 0.001% of the population

Trichromacy

#5d626c Protanomaly 1% of men, 0.01% of women
#60616d Deuteranomaly 6% of men, 0.4% of women
#56646c Tritanomaly 0.01% of the population

#515f68 hex color

#515f68 Color Information

#515f68 Color Conversion

Color Schemes with #515f68

Alternatives to #515f68

#515f68 Preview

Shades and Tints of #515f68

Tones of #515f68

Color Blindness Simulator