#6b6a87 hex color

In a RGB color space, hex #6b6a87 is composed of 42% red, 41.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 20.7% cyan, 21.5% magenta, 0% yellow and 47.1% black. It has a hue angle of 242.1 degrees, a saturation of 12% and a lightness of 47.3%. #6b6a87 color hex could be obtained by blending #d6d4ff with #00000f. Closest websafe color is: #666699.

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

● #6b6a87 color description : Dark grayish blue.

The hexadecimal color #6b6a87 has RGB values of R:107, G:106, B:135 and CMYK values of C:0.21, M:0.21, Y:0, K:0.47. Its decimal value is 7039623.

Hex triplet	6b6a87	`#6b6a87`
RGB Decimal	107, 106, 135	`rgb(107,106,135)`
RGB Percent	42, 41.6, 52.9	`rgb(42%,41.6%,52.9%)`
CMYK	21, 21, 0, 47
HSL	242.1°, 12, 47.3	`hsl(242.1,12%,47.3%)`
HSV (or HSB)	242.1°, 21.5, 52.9
Web Safe	666699	`#666699`

CIE-LAB	45.884, 6.957, -15.82
XYZ	15.59, 15.183, 25.03
xyY	0.279, 0.272, 15.183
CIE-LCH	45.884, 17.282, 293.737
CIE-LUV	45.884, -1.195, -23.383
Hunter-Lab	38.965, 3.227, -10.809
Binary	01101011, 01101010, 10000111

#6b6a87
```
#6b6a87 rgb(107,106,135)
```
#86876a
```
#86876a rgb(134,135,106)
```

Complementary Color

#6a7887
```
#6a7887 rgb(106,120,135)
```
#6b6a87
```
#6b6a87 rgb(107,106,135)
```
#7a6a87
```
#7a6a87 rgb(122,106,135)
```

Analogous Color

#78876a
```
#78876a rgb(120,135,106)
```
#6b6a87
```
#6b6a87 rgb(107,106,135)
```
#877a6a
```
#877a6a rgb(135,122,106)
```

Split Complementary Color

#6a876b
```
#6a876b rgb(106,135,107)
```
#6b6a87
```
#6b6a87 rgb(107,106,135)
```
#876b6a
```
#876b6a rgb(135,107,106)
```

Triadic Color

#6a8687
```
#6a8687 rgb(106,134,135)
```
#6b6a87
```
#6b6a87 rgb(107,106,135)
```
#876b6a
```
#876b6a rgb(135,107,106)
```
#86876a
```
#86876a rgb(134,135,106)
```

Tetradic Color

#49485c
```
#49485c rgb(73,72,92)
```
#54546a
```
#54546a rgb(84,84,106)
```
#605f79
```
#605f79 rgb(96,95,121)
```
#6b6a87
```
#6b6a87 rgb(107,106,135)
```
#787794
```
#787794 rgb(120,119,148)
```
#86859f
```
#86859f rgb(134,133,159)
```
#9493aa
```
#9493aa rgb(148,147,170)
```

Monochromatic Color

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

#6a7087
```
#6a7087 rgb(106,112,135)
```
#6a6e87
```
#6a6e87 rgb(106,110,135)
```
#6a6b87
```
#6a6b87 rgb(106,107,135)
```
#6b6a87
```
#6b6a87 rgb(107,106,135)
```
#6d6a87
```
#6d6a87 rgb(109,106,135)
```
#706a87
```
#706a87 rgb(112,106,135)
```
#726a87
```
#726a87 rgb(114,106,135)
```

Similar Colors

Text with hexadecimal color #6b6a87

This text has a font color of #6b6a87.

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

#6b6a87 background color

This paragraph has a background color of #6b6a87.

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

#6b6a87 border color

This element has a border color of #6b6a87.

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

CSS codes

.text {color:#6b6a87;}

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

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

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)
```
#1d1c24
```
#1d1c24 rgb(29,28,36)
```
#25252f
```
#25252f rgb(37,37,47)
```
#2e2e3a
```
#2e2e3a rgb(46,46,58)
```
#373645
```
#373645 rgb(55,54,69)
```
#3f3f50
```
#3f3f50 rgb(63,63,80)
```
#48475b
```
#48475b rgb(72,71,91)
```
#515066
```
#515066 rgb(81,80,102)
```
#5a5971
```
#5a5971 rgb(90,89,113)
```
#62617c
```
#62617c rgb(98,97,124)
```
#6b6a87
```
#6b6a87 rgb(107,106,135)
```

Shade Color Variation

#747391
```
#747391 rgb(116,115,145)
```
#7f7e9a
```
#7f7e9a rgb(127,126,154)
```
#8a89a3
```
#8a89a3 rgb(138,137,163)
```
#9594ab
```
#9594ab rgb(149,148,171)
```
#a09fb4
```
#a09fb4 rgb(160,159,180)
```
#abaabc
```
#abaabc rgb(171,170,188)
```
#b6b5c5
```
#b6b5c5 rgb(182,181,197)
```
#c1c0ce
```
#c1c0ce rgb(193,192,206)
```
#cccbd6
```
#cccbd6 rgb(204,203,214)
```
#d6d6df
```
#d6d6df rgb(214,214,223)
```
#e1e1e8
```
#e1e1e8 rgb(225,225,232)
```
#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, #74737e is the less saturated color, while #0c04ed is the most saturated one.

#74737e
```
#74737e rgb(116,115,126)
```
#6b6a87
```
#6b6a87 rgb(107,106,135)
```
#626190
```
#626190 rgb(98,97,144)
```
#5a579a
```
#5a579a rgb(90,87,154)
```
#514ea3
```
#514ea3 rgb(81,78,163)
```
#4845ac
```
#4845ac rgb(72,69,172)
```
#403cb5
```
#403cb5 rgb(64,60,181)
```
#3732bf
```
#3732bf rgb(55,50,191)
```
#2f29c8
```
#2f29c8 rgb(47,41,200)
```
#2620d1
```
#2620d1 rgb(38,32,209)
```
#1d17da
```
#1d17da rgb(29,23,218)
```
#150de4
```
#150de4 rgb(21,13,228)
```
#0c04ed
```
#0c04ed rgb(12,4,237)
```

Tone Color Variation

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

#6d738e Protanopia 1% of men
#71728d Deuteranopia 1% of men
#6f747d Tritanopia 0.001% of the population

Trichromacy

#6c6f8b Protanomaly 1% of men, 0.01% of women
#6f6f8a Deuteranomaly 6% of men, 0.4% of women
#6d7080 Tritanomaly 0.01% of the population

#6b6a87 hex color

#6b6a87 Color Information

#6b6a87 Color Conversion

Color Schemes with #6b6a87

Alternatives to #6b6a87

#6b6a87 Preview

Shades and Tints of #6b6a87

Tones of #6b6a87

Color Blindness Simulator