#6f677e hex color

In a RGB color space, hex #6f677e is composed of 43.5% red, 40.4% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 11.9% cyan, 18.3% magenta, 0% yellow and 50.6% black. It has a hue angle of 260.9 degrees, a saturation of 10% and a lightness of 44.9%. #6f677e color hex could be obtained by blending #decefc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 44
- G 40
- B 49
RGB color chart
- C 12
- M 18
- Y 0
- K 51
CMYK color chart

● #6f677e color description : Dark grayish violet.

The hexadecimal color #6f677e has RGB values of R:111, G:103, B:126 and CMYK values of C:0.12, M:0.18, Y:0, K:0.51. Its decimal value is 7300990.

Hex triplet	6f677e	`#6f677e`
RGB Decimal	111, 103, 126	`rgb(111,103,126)`
RGB Percent	43.5, 40.4, 49.4	`rgb(43.5%,40.4%,49.4%)`
CMYK	12, 18, 0, 51
HSL	260.9°, 10, 44.9	`hsl(260.9,10%,44.9%)`
HSV (or HSB)	260.9°, 18.3, 49.4
Web Safe	666666	`#666666`

CIE-LAB	45.062, 8.025, -11.64
XYZ	15.171, 14.586, 21.754
xyY	0.295, 0.283, 14.586
CIE-LCH	45.062, 14.138, 304.583
CIE-LUV	45.062, 2.907, -17.349
Hunter-Lab	38.192, 4.069, -7.036
Binary	01101111, 01100111, 01111110

#6f677e
```
#6f677e rgb(111,103,126)
```
#767e67
```
#767e67 rgb(118,126,103)
```

Complementary Color

#676b7e
```
#676b7e rgb(103,107,126)
```
#6f677e
```
#6f677e rgb(111,103,126)
```
#7b677e
```
#7b677e rgb(123,103,126)
```

Analogous Color

#6b7e67
```
#6b7e67 rgb(107,126,103)
```
#6f677e
```
#6f677e rgb(111,103,126)
```
#7e7b67
```
#7e7b67 rgb(126,123,103)
```

Split Complementary Color

#677e6f
```
#677e6f rgb(103,126,111)
```
#6f677e
```
#6f677e rgb(111,103,126)
```
#7e6f67
```
#7e6f67 rgb(126,111,103)
```

Triadic Color

#67767e
```
#67767e rgb(103,118,126)
```
#6f677e
```
#6f677e rgb(111,103,126)
```
#7e6f67
```
#7e6f67 rgb(126,111,103)
```
#767e67
```
#767e67 rgb(118,126,103)
```

Tetradic Color

#4a4554
```
#4a4554 rgb(74,69,84)
```
#565062
```
#565062 rgb(86,80,98)
```
#635c70
```
#635c70 rgb(99,92,112)
```
#6f677e
```
#6f677e rgb(111,103,126)
```
#7b728c
```
#7b728c rgb(123,114,140)
```
#888098
```
#888098 rgb(136,128,152)
```
#968ea3
```
#968ea3 rgb(150,142,163)
```

Monochromatic Color

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

#69677e
```
#69677e rgb(105,103,126)
```
#6b677e
```
#6b677e rgb(107,103,126)
```
#6d677e
```
#6d677e rgb(109,103,126)
```
#6f677e
```
#6f677e rgb(111,103,126)
```
#71677e
```
#71677e rgb(113,103,126)
```
#73677e
```
#73677e rgb(115,103,126)
```
#75677e
```
#75677e rgb(117,103,126)
```

Similar Colors

Text with hexadecimal color #6f677e

This text has a font color of #6f677e.

<span style="color:#6f677e;">Text here</span>

#6f677e background color

This paragraph has a background color of #6f677e.

<p style="background-color:#6f677e;">Content here</p>

#6f677e border color

This element has a border color of #6f677e.

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

CSS codes

.text {color:#6f677e;}

.background {background-color:#6f677e;}

.border {border:1px solid #6f677e;}

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

#060607
```
#060607 rgb(6,6,7)
```
#100f12
```
#100f12 rgb(16,15,18)
```
#19181d
```
#19181d rgb(25,24,29)
```
#232028
```
#232028 rgb(35,32,40)
```
#2c2932
```
#2c2932 rgb(44,41,50)
```
#36323d
```
#36323d rgb(54,50,61)
```
#3f3b48
```
#3f3b48 rgb(63,59,72)
```
#494453
```
#494453 rgb(73,68,83)
```
#524d5e
```
#524d5e rgb(82,77,94)
```
#5c5568
```
#5c5568 rgb(92,85,104)
```
#655e73
```
#655e73 rgb(101,94,115)
```
#6f677e
```
#6f677e rgb(111,103,126)
```
#797089
```
#797089 rgb(121,112,137)
```

Shade Color Variation

#827a92
```
#827a92 rgb(130,122,146)
```
#8d859b
```
#8d859b rgb(141,133,155)
```
#9790a4
```
#9790a4 rgb(151,144,164)
```
#a19aad
```
#a19aad rgb(161,154,173)
```
#aba5b6
```
#aba5b6 rgb(171,165,182)
```
#b5b0be
```
#b5b0be rgb(181,176,190)
```
#bfbbc7
```
#bfbbc7 rgb(191,187,199)
```
#c9c6d0
```
#c9c6d0 rgb(201,198,208)
```
#d3d0d9
```
#d3d0d9 rgb(211,208,217)
```
#dddbe2
```
#dddbe2 rgb(221,219,226)
```
#e7e6ea
```
#e7e6ea rgb(231,230,234)
```
#f2f1f3
```
#f2f1f3 rgb(242,241,243)
```
#fcfbfc
```
#fcfbfc rgb(252,251,252)
```

Tint Color Variation

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

#727075
```
#727075 rgb(114,112,117)
```
#6f677e
```
#6f677e rgb(111,103,126)
```
#6c5e87
```
#6c5e87 rgb(108,94,135)
```
#6a5590
```
#6a5590 rgb(106,85,144)
```
#674d98
```
#674d98 rgb(103,77,152)
```
#6444a1
```
#6444a1 rgb(100,68,161)
```
#623baa
```
#623baa rgb(98,59,170)
```
#5f32b3
```
#5f32b3 rgb(95,50,179)
```
#5c29bc
```
#5c29bc rgb(92,41,188)
```
#5a21c4
```
#5a21c4 rgb(90,33,196)
```
#5718cd
```
#5718cd rgb(87,24,205)
```
#540fd6
```
#540fd6 rgb(84,15,214)
```
#5206df
```
#5206df rgb(82,6,223)
```

Tone Color Variation

Below, you can see how #6f677e 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

#6c6c6c Achromatopsia 0.005% of the population
#6d6b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7186 Protanopia 1% of men
#736f84 Deuteranopia 1% of men
#747179 Tritanopia 0.001% of the population

Trichromacy

#6e6d83 Protanomaly 1% of men, 0.01% of women
#726c82 Deuteranomaly 6% of men, 0.4% of women
#726d7a Tritanomaly 0.01% of the population

#6f677e hex color

#6f677e Color Information

#6f677e Color Conversion

Color Schemes with #6f677e

Alternatives to #6f677e

#6f677e Preview

Shades and Tints of #6f677e

Tones of #6f677e

Color Blindness Simulator