#5f6766 hex color

In a RGB color space, hex #5f6766 is composed of 37.3% red, 40.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 7.8% cyan, 0% magenta, 1% yellow and 59.6% black. It has a hue angle of 172.5 degrees, a saturation of 4% and a lightness of 38.8%. #5f6766 color hex could be obtained by blending #bececc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 40
- B 40
RGB color chart
- C 8
- M 0
- Y 1
- K 60
CMYK color chart

● #5f6766 color description : Very dark grayish cyan.

The hexadecimal color #5f6766 has RGB values of R:95, G:103, B:102 and CMYK values of C:0.08, M:0, Y:0.01, K:0.6. Its decimal value is 6252390.

Hex triplet	5f6766	`#5f6766`
RGB Decimal	95, 103, 102	`rgb(95,103,102)`
RGB Percent	37.3, 40.4, 40	`rgb(37.3%,40.4%,40%)`
CMYK	8, 0, 1, 60
HSL	172.5°, 4, 38.8	`hsl(172.5,4%,38.8%)`
HSV (or HSB)	172.5°, 7.8, 40.4
Web Safe	666666	`#666666`

CIE-LAB	42.902, -3.285, -0.498
XYZ	11.967, 13.093, 14.466
xyY	0.303, 0.331, 13.093
CIE-LCH	42.902, 3.322, 188.619
CIE-LUV	42.902, -4.293, -0.161
Hunter-Lab	36.184, -4.285, 1.624
Binary	01011111, 01100111, 01100110

#5f6766
```
#5f6766 rgb(95,103,102)
```
#675f60
```
#675f60 rgb(103,95,96)
```

Complementary Color

#5f6762
```
#5f6762 rgb(95,103,98)
```
#5f6766
```
#5f6766 rgb(95,103,102)
```
#5f6467
```
#5f6467 rgb(95,100,103)
```

Analogous Color

#67625f
```
#67625f rgb(103,98,95)
```
#5f6766
```
#5f6766 rgb(95,103,102)
```
#675f64
```
#675f64 rgb(103,95,100)
```

Split Complementary Color

#67665f
```
#67665f rgb(103,102,95)
```
#5f6766
```
#5f6766 rgb(95,103,102)
```
#665f67
```
#665f67 rgb(102,95,103)
```

Triadic Color

#60675f
```
#60675f rgb(96,103,95)
```
#5f6766
```
#5f6766 rgb(95,103,102)
```
#665f67
```
#665f67 rgb(102,95,103)
```
#675f60
```
#675f60 rgb(103,95,96)
```

Tetradic Color

#3a3f3f
```
#3a3f3f rgb(58,63,63)
```
#474c4c
```
#474c4c rgb(71,76,76)
```
#535a59
```
#535a59 rgb(83,90,89)
```
#5f6766
```
#5f6766 rgb(95,103,102)
```
#6b7473
```
#6b7473 rgb(107,116,115)
```
#778280
```
#778280 rgb(119,130,128)
```
#848e8d
```
#848e8d rgb(132,142,141)
```

Monochromatic Color

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

#5f6764
```
#5f6764 rgb(95,103,100)
```
#5f6765
```
#5f6765 rgb(95,103,101)
```
#5f6765
```
#5f6765 rgb(95,103,101)
```
#5f6766
```
#5f6766 rgb(95,103,102)
```
#5f6767
```
#5f6767 rgb(95,103,103)
```
#5f6767
```
#5f6767 rgb(95,103,103)
```
#5f6667
```
#5f6667 rgb(95,102,103)
```

Similar Colors

Text with hexadecimal color #5f6766

This text has a font color of #5f6766.

<span style="color:#5f6766;">Text here</span>

#5f6766 background color

This paragraph has a background color of #5f6766.

<p style="background-color:#5f6766;">Content here</p>

#5f6766 border color

This element has a border color of #5f6766.

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

CSS codes

.text {color:#5f6766;}

.background {background-color:#5f6766;}

.border {border:1px solid #5f6766;}

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 #f6f6f6 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0a0b0b
```
#0a0b0b rgb(10,11,11)
```
#141515
```
#141515 rgb(20,21,21)
```
#1d201f
```
#1d201f rgb(29,32,31)
```
#272a29
```
#272a29 rgb(39,42,41)
```
#303433
```
#303433 rgb(48,52,51)
```
#393e3e
```
#393e3e rgb(57,62,62)
```
#434848
```
#434848 rgb(67,72,72)
```
#4c5352
```
#4c5352 rgb(76,83,82)
```
#565d5c
```
#565d5c rgb(86,93,92)
```
#5f6766
```
#5f6766 rgb(95,103,102)
```
#687170
```
#687170 rgb(104,113,112)
```
#727b7a
```
#727b7a rgb(114,123,122)
```

Shade Color Variation

#7b8684
```
#7b8684 rgb(123,134,132)
```
#868f8e
```
#868f8e rgb(134,143,142)
```
#909897
```
#909897 rgb(144,152,151)
```
#9aa2a1
```
#9aa2a1 rgb(154,162,161)
```
#a4abaa
```
#a4abaa rgb(164,171,170)
```
#aeb5b4
```
#aeb5b4 rgb(174,181,180)
```
#b9bebd
```
#b9bebd rgb(185,190,189)
```
#c3c7c7
```
#c3c7c7 rgb(195,199,199)
```
#cdd1d0
```
#cdd1d0 rgb(205,209,208)
```
#d7dada
```
#d7dada rgb(215,218,218)
```
#e1e4e3
```
#e1e4e3 rgb(225,228,227)
```
#eceded
```
#eceded rgb(236,237,237)
```
#f6f6f6
```
#f6f6f6 rgb(246,246,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6766 is the less saturated color, while #04c2ab is the most saturated one.

#5f6766
```
#5f6766 rgb(95,103,102)
```
#576f6c
```
#576f6c rgb(87,111,108)
```
#507671
```
#507671 rgb(80,118,113)
```
#487e77
```
#487e77 rgb(72,126,119)
```
#41857d
```
#41857d rgb(65,133,125)
```
#398d83
```
#398d83 rgb(57,141,131)
```
#319588
```
#319588 rgb(49,149,136)
```
#2a9c8e
```
#2a9c8e rgb(42,156,142)
```
#22a494
```
#22a494 rgb(34,164,148)
```
#1aac99
```
#1aac99 rgb(26,172,153)
```
#13b39f
```
#13b39f rgb(19,179,159)
```
#0bbba5
```
#0bbba5 rgb(11,187,165)
```
#04c2ab
```
#04c2ab rgb(4,194,171)
```

Tone Color Variation

Below, you can see how #5f6766 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

#646464 Achromatopsia 0.005% of the population
#636564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6c6c Protanopia 1% of men
#766a6f Deuteranopia 1% of men
#686d75 Tritanopia 0.001% of the population

Trichromacy

#696a6a Protanomaly 1% of men, 0.01% of women
#6d696c Deuteranomaly 6% of men, 0.4% of women
#656b6f Tritanomaly 0.01% of the population

#5f6766 hex color

#5f6766 Color Information

#5f6766 Color Conversion

Color Schemes with #5f6766

Alternatives to #5f6766

#5f6766 Preview

Shades and Tints of #5f6766

Tones of #5f6766

Color Blindness Simulator