#6b677c hex color

In a RGB color space, hex #6b677c is composed of 42% red, 40.4% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 16.9% magenta, 0% yellow and 51.4% black. It has a hue angle of 251.4 degrees, a saturation of 9.3% and a lightness of 44.5%. #6b677c color hex could be obtained by blending #d6cef8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 42
- G 40
- B 49
RGB color chart
- C 14
- M 17
- Y 0
- K 51
CMYK color chart

● #6b677c color description : Dark grayish blue.

The hexadecimal color #6b677c has RGB values of R:107, G:103, B:124 and CMYK values of C:0.14, M:0.17, Y:0, K:0.51. Its decimal value is 7038844.

Hex triplet	6b677c	`#6b677c`
RGB Decimal	107, 103, 124	`rgb(107,103,124)`
RGB Percent	42, 40.4, 48.6	`rgb(42%,40.4%,48.6%)`
CMYK	14, 17, 0, 51
HSL	251.4°, 9.3, 44.5	`hsl(251.4,9.3%,44.5%)`
HSV (or HSB)	251.4°, 16.9, 48.6
Web Safe	666666	`#666666`

CIE-LAB	44.634, 6.125, -11.118
XYZ	14.551, 14.281, 21.058
xyY	0.292, 0.286, 14.281
CIE-LCH	44.634, 12.694, 298.852
CIE-LUV	44.634, 0.886, -16.289
Hunter-Lab	37.791, 2.596, -6.584
Binary	01101011, 01100111, 01111100

#6b677c
```
#6b677c rgb(107,103,124)
```
#787c67
```
#787c67 rgb(120,124,103)
```

Complementary Color

#676e7c
```
#676e7c rgb(103,110,124)
```
#6b677c
```
#6b677c rgb(107,103,124)
```
#76677c
```
#76677c rgb(118,103,124)
```

Analogous Color

#6e7c67
```
#6e7c67 rgb(110,124,103)
```
#6b677c
```
#6b677c rgb(107,103,124)
```
#7c7667
```
#7c7667 rgb(124,118,103)
```

Split Complementary Color

#677c6b
```
#677c6b rgb(103,124,107)
```
#6b677c
```
#6b677c rgb(107,103,124)
```
#7c6b67
```
#7c6b67 rgb(124,107,103)
```

Triadic Color

#67787c
```
#67787c rgb(103,120,124)
```
#6b677c
```
#6b677c rgb(107,103,124)
```
#7c6b67
```
#7c6b67 rgb(124,107,103)
```
#787c67
```
#787c67 rgb(120,124,103)
```

Tetradic Color

#474452
```
#474452 rgb(71,68,82)
```
#535060
```
#535060 rgb(83,80,96)
```
#5f5b6e
```
#5f5b6e rgb(95,91,110)
```
#6b677c
```
#6b677c rgb(107,103,124)
```
#77738a
```
#77738a rgb(119,115,138)
```
#848096
```
#848096 rgb(132,128,150)
```
#928ea1
```
#928ea1 rgb(146,142,161)
```

Monochromatic Color

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

#67687c
```
#67687c rgb(103,104,124)
```
#68677c
```
#68677c rgb(104,103,124)
```
#69677c
```
#69677c rgb(105,103,124)
```
#6b677c
```
#6b677c rgb(107,103,124)
```
#6d677c
```
#6d677c rgb(109,103,124)
```
#6f677c
```
#6f677c rgb(111,103,124)
```
#70677c
```
#70677c rgb(112,103,124)
```

Similar Colors

Text with hexadecimal color #6b677c

This text has a font color of #6b677c.

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

#6b677c background color

This paragraph has a background color of #6b677c.

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

#6b677c border color

This element has a border color of #6b677c.

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

CSS codes

.text {color:#6b677c;}

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

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0f0e11
```
#0f0e11 rgb(15,14,17)
```
#18171c
```
#18171c rgb(24,23,28)
```
#212026
```
#212026 rgb(33,32,38)
```
#2a2931
```
#2a2931 rgb(42,41,49)
```
#34323c
```
#34323c rgb(52,50,60)
```
#3d3a46
```
#3d3a46 rgb(61,58,70)
```
#464351
```
#464351 rgb(70,67,81)
```
#4f4c5c
```
#4f4c5c rgb(79,76,92)
```
#595567
```
#595567 rgb(89,85,103)
```
#625e71
```
#625e71 rgb(98,94,113)
```
#6b677c
```
#6b677c rgb(107,103,124)
```
#747087
```
#747087 rgb(116,112,135)
```

Shade Color Variation

#7e7a90
```
#7e7a90 rgb(126,122,144)
```
#898599
```
#898599 rgb(137,133,153)
```
#938fa2
```
#938fa2 rgb(147,143,162)
```
#9d9aab
```
#9d9aab rgb(157,154,171)
```
#a8a5b4
```
#a8a5b4 rgb(168,165,180)
```
#b2afbd
```
#b2afbd rgb(178,175,189)
```
#bcbac6
```
#bcbac6 rgb(188,186,198)
```
#c7c5cf
```
#c7c5cf rgb(199,197,207)
```
#d1d0d8
```
#d1d0d8 rgb(209,208,216)
```
#dbdae0
```
#dbdae0 rgb(219,218,224)
```
#e6e5e9
```
#e6e5e9 rgb(230,229,233)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#fbfafb
```
#fbfafb rgb(251,250,251)
```

Tint Color Variation

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

#707073
```
#707073 rgb(112,112,115)
```
#6b677c
```
#6b677c rgb(107,103,124)
```
#665e85
```
#665e85 rgb(102,94,133)
```
#60568d
```
#60568d rgb(96,86,141)
```
#5b4d96
```
#5b4d96 rgb(91,77,150)
```
#55449f
```
#55449f rgb(85,68,159)
```
#503ba8
```
#503ba8 rgb(80,59,168)
```
#4b33b0
```
#4b33b0 rgb(75,51,176)
```
#452ab9
```
#452ab9 rgb(69,42,185)
```
#4021c2
```
#4021c2 rgb(64,33,194)
```
#3a18cb
```
#3a18cb rgb(58,24,203)
```
#3510d3
```
#3510d3 rgb(53,16,211)
```
#3007dc
```
#3007dc rgb(48,7,220)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6b6a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7083 Protanopia 1% of men
#726e82 Deuteranopia 1% of men
#707078 Tritanopia 0.001% of the population

Trichromacy

#6c6d80 Protanomaly 1% of men, 0.01% of women
#706b80 Deuteranomaly 6% of men, 0.4% of women
#6e6d79 Tritanomaly 0.01% of the population

#6b677c hex color

#6b677c Color Information

#6b677c Color Conversion

Color Schemes with #6b677c

Alternatives to #6b677c

#6b677c Preview

Shades and Tints of #6b677c

Tones of #6b677c

Color Blindness Simulator