#6b6b86 hex color

In a RGB color space, hex #6b6b86 is composed of 42% red, 42% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 20.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 240 degrees, a saturation of 11.2% and a lightness of 47.3%. #6b6b86 color hex could be obtained by blending #d6d6ff with #00000d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 42
- G 42
- B 53
RGB color chart
- C 20
- M 20
- Y 0
- K 47
CMYK color chart

● #6b6b86 color description : Dark grayish blue.

The hexadecimal color #6b6b86 has RGB values of R:107, G:107, B:134 and CMYK values of C:0.2, M:0.2, Y:0, K:0.47. Its decimal value is 7039878.

Hex triplet	6b6b86	`#6b6b86`
RGB Decimal	107, 107, 134	`rgb(107,107,134)`
RGB Percent	42, 42, 52.5	`rgb(42%,42%,52.5%)`
CMYK	20, 20, 0, 47
HSL	240°, 11.2, 47.3	`hsl(240,11.2%,47.3%)`
HSV (or HSB)	240°, 20.1, 52.5
Web Safe	666699	`#666699`

CIE-LAB	46.126, 6.107, -14.854
XYZ	15.623, 15.362, 24.695
xyY	0.281, 0.276, 15.362
CIE-LCH	46.126, 16.06, 292.351
CIE-LUV	46.126, -1.58, -21.866
Hunter-Lab	39.195, 2.561, -9.92
Binary	01101011, 01101011, 10000110

#6b6b86
```
#6b6b86 rgb(107,107,134)
```
#86866b
```
#86866b rgb(134,134,107)
```

Complementary Color

#6b7986
```
#6b7986 rgb(107,121,134)
```
#6b6b86
```
#6b6b86 rgb(107,107,134)
```
#796b86
```
#796b86 rgb(121,107,134)
```

Analogous Color

#79866b
```
#79866b rgb(121,134,107)
```
#6b6b86
```
#6b6b86 rgb(107,107,134)
```
#86796b
```
#86796b rgb(134,121,107)
```

Split Complementary Color

#6b866b
```
#6b866b rgb(107,134,107)
```
#6b6b86
```
#6b6b86 rgb(107,107,134)
```
#866b6b
```
#866b6b rgb(134,107,107)
```

Triadic Color

#6b8686
```
#6b8686 rgb(107,134,134)
```
#6b6b86
```
#6b6b86 rgb(107,107,134)
```
#866b6b
```
#866b6b rgb(134,107,107)
```
#86866b
```
#86866b rgb(134,134,107)
```

Tetradic Color

#49495b
```
#49495b rgb(73,73,91)
```
#54546a
```
#54546a rgb(84,84,106)
```
#606078
```
#606078 rgb(96,96,120)
```
#6b6b86
```
#6b6b86 rgb(107,107,134)
```
#787893
```
#787893 rgb(120,120,147)
```
#86869e
```
#86869e rgb(134,134,158)
```
#9494aa
```
#9494aa rgb(148,148,170)
```

Monochromatic Color

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

#6b7286
```
#6b7286 rgb(107,114,134)
```
#6b7086
```
#6b7086 rgb(107,112,134)
```
#6b6d86
```
#6b6d86 rgb(107,109,134)
```
#6b6b86
```
#6b6b86 rgb(107,107,134)
```
#6d6b86
```
#6d6b86 rgb(109,107,134)
```
#706b86
```
#706b86 rgb(112,107,134)
```
#726b86
```
#726b86 rgb(114,107,134)
```

Similar Colors

Text with hexadecimal color #6b6b86

This text has a font color of #6b6b86.

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

#6b6b86 background color

This paragraph has a background color of #6b6b86.

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

#6b6b86 border color

This element has a border color of #6b6b86.

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

CSS codes

.text {color:#6b6b86;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0b0e
```
#0b0b0e rgb(11,11,14)
```
#141419
```
#141419 rgb(20,20,25)
```
#1d1d24
```
#1d1d24 rgb(29,29,36)
```
#25252f
```
#25252f rgb(37,37,47)
```
#2e2e3a
```
#2e2e3a rgb(46,46,58)
```
#373745
```
#373745 rgb(55,55,69)
```
#3f3f4f
```
#3f3f4f rgb(63,63,79)
```
#48485a
```
#48485a rgb(72,72,90)
```
#515165
```
#515165 rgb(81,81,101)
```
#5a5a70
```
#5a5a70 rgb(90,90,112)
```
#62627b
```
#62627b rgb(98,98,123)
```
#6b6b86
```
#6b6b86 rgb(107,107,134)
```

Shade Color Variation

#747490
```
#747490 rgb(116,116,144)
```
#7f7f99
```
#7f7f99 rgb(127,127,153)
```
#8a8aa2
```
#8a8aa2 rgb(138,138,162)
```
#9595aa
```
#9595aa rgb(149,149,170)
```
#a0a0b3
```
#a0a0b3 rgb(160,160,179)
```
#ababbc
```
#ababbc rgb(171,171,188)
```
#b6b6c5
```
#b6b6c5 rgb(182,182,197)
```
#c1c1cd
```
#c1c1cd rgb(193,193,205)
```
#ccccd6
```
#ccccd6 rgb(204,204,214)
```
#d6d6df
```
#d6d6df rgb(214,214,223)
```
#e1e1e7
```
#e1e1e7 rgb(225,225,231)
```
#ececf0
```
#ececf0 rgb(236,236,240)
```
#f7f7f9
```
#f7f7f9 rgb(247,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74747d is the less saturated color, while #0505ec is the most saturated one.

#74747d
```
#74747d rgb(116,116,125)
```
#6b6b86
```
#6b6b86 rgb(107,107,134)
```
#62628f
```
#62628f rgb(98,98,143)
```
#585899
```
#585899 rgb(88,88,153)
```
#4f4fa2
```
#4f4fa2 rgb(79,79,162)
```
#4646ab
```
#4646ab rgb(70,70,171)
```
#3d3db4
```
#3d3db4 rgb(61,61,180)
```
#3333be
```
#3333be rgb(51,51,190)
```
#2a2ac7
```
#2a2ac7 rgb(42,42,199)
```
#2121d0
```
#2121d0 rgb(33,33,208)
```
#1818d9
```
#1818d9 rgb(24,24,217)
```
#0e0ee3
```
#0e0ee3 rgb(14,14,227)
```
#0505ec
```
#0505ec rgb(5,5,236)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6d6d73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e738c Protanopia 1% of men
#73728c Deuteranopia 1% of men
#6f757d Tritanopia 0.001% of the population

Trichromacy

#6d708a Protanomaly 1% of men, 0.01% of women
#706f8a Deuteranomaly 6% of men, 0.4% of women
#6d7180 Tritanomaly 0.01% of the population

#6b6b86 hex color

#6b6b86 Color Information

#6b6b86 Color Conversion

Color Schemes with #6b6b86

Alternatives to #6b6b86

#6b6b86 Preview

Shades and Tints of #6b6b86

Tones of #6b6b86

Color Blindness Simulator