#6b6f88 hex color

In a RGB color space, hex #6b6f88 is composed of 42% red, 43.5% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 18.4% magenta, 0% yellow and 46.7% black. It has a hue angle of 231.7 degrees, a saturation of 11.9% and a lightness of 47.6%. #6b6f88 color hex could be obtained by blending #d6deff with #000011. Closest websafe color is: #666699.

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

● #6b6f88 color description : Dark grayish blue.

The hexadecimal color #6b6f88 has RGB values of R:107, G:111, B:136 and CMYK values of C:0.21, M:0.18, Y:0, K:0.47. Its decimal value is 7040904.

Hex triplet	6b6f88	`#6b6f88`
RGB Decimal	107, 111, 136	`rgb(107,111,136)`
RGB Percent	42, 43.5, 53.3	`rgb(42%,43.5%,53.3%)`
CMYK	21, 18, 0, 47
HSL	231.7°, 11.9, 47.6	`hsl(231.7,11.9%,47.6%)`
HSV (or HSB)	231.7°, 21.3, 53.3
Web Safe	666699	`#666699`

CIE-LAB	47.329, 4.199, -14.218
XYZ	16.191, 16.272, 25.579
xyY	0.279, 0.28, 16.272
CIE-LCH	47.329, 14.825, 286.455
CIE-LUV	47.329, -3.487, -20.786
Hunter-Lab	40.339, 1.053, -9.359
Binary	01101011, 01101111, 10001000

#6b6f88
```
#6b6f88 rgb(107,111,136)
```
#88846b
```
#88846b rgb(136,132,107)
```

Complementary Color

#6b7e88
```
#6b7e88 rgb(107,126,136)
```
#6b6f88
```
#6b6f88 rgb(107,111,136)
```
#766b88
```
#766b88 rgb(118,107,136)
```

Analogous Color

#7e886b
```
#7e886b rgb(126,136,107)
```
#6b6f88
```
#6b6f88 rgb(107,111,136)
```
#88766b
```
#88766b rgb(136,118,107)
```

Split Complementary Color

#6f886b
```
#6f886b rgb(111,136,107)
```
#6b6f88
```
#6b6f88 rgb(107,111,136)
```
#886b6f
```
#886b6f rgb(136,107,111)
```

Triadic Color

#6b8884
```
#6b8884 rgb(107,136,132)
```
#6b6f88
```
#6b6f88 rgb(107,111,136)
```
#886b6f
```
#886b6f rgb(136,107,111)
```
#88846b
```
#88846b rgb(136,132,107)
```

Tetradic Color

#494c5d
```
#494c5d rgb(73,76,93)
```
#55586b
```
#55586b rgb(85,88,107)
```
#60637a
```
#60637a rgb(96,99,122)
```
#6b6f88
```
#6b6f88 rgb(107,111,136)
```
#787c95
```
#787c95 rgb(120,124,149)
```
#868aa0
```
#868aa0 rgb(134,138,160)
```
#9498ab
```
#9498ab rgb(148,152,171)
```

Monochromatic Color

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

#6b7688
```
#6b7688 rgb(107,118,136)
```
#6b7488
```
#6b7488 rgb(107,116,136)
```
#6b7188
```
#6b7188 rgb(107,113,136)
```
#6b6f88
```
#6b6f88 rgb(107,111,136)
```
#6b6d88
```
#6b6d88 rgb(107,109,136)
```
#6c6b88
```
#6c6b88 rgb(108,107,136)
```
#6e6b88
```
#6e6b88 rgb(110,107,136)
```

Similar Colors

Text with hexadecimal color #6b6f88

This text has a font color of #6b6f88.

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

#6b6f88 background color

This paragraph has a background color of #6b6f88.

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

#6b6f88 border color

This element has a border color of #6b6f88.

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

CSS codes

.text {color:#6b6f88;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0c0c0f
```
#0c0c0f rgb(12,12,15)
```
#15151a
```
#15151a rgb(21,21,26)
```
#1d1e25
```
#1d1e25 rgb(29,30,37)
```
#262730
```
#262730 rgb(38,39,48)
```
#2f303b
```
#2f303b rgb(47,48,59)
```
#373946
```
#373946 rgb(55,57,70)
```
#404251
```
#404251 rgb(64,66,81)
```
#484b5c
```
#484b5c rgb(72,75,92)
```
#515467
```
#515467 rgb(81,84,103)
```
#5a5d72
```
#5a5d72 rgb(90,93,114)
```
#62667d
```
#62667d rgb(98,102,125)
```
#6b6f88
```
#6b6f88 rgb(107,111,136)
```

Shade Color Variation

#757992
```
#757992 rgb(117,121,146)
```
#80839b
```
#80839b rgb(128,131,155)
```
#8b8ea3
```
#8b8ea3 rgb(139,142,163)
```
#9599ac
```
#9599ac rgb(149,153,172)
```
#a0a3b5
```
#a0a3b5 rgb(160,163,181)
```
#abaebd
```
#abaebd rgb(171,174,189)
```
#b6b9c6
```
#b6b9c6 rgb(182,185,198)
```
#c1c3cf
```
#c1c3cf rgb(193,195,207)
```
#ccced7
```
#ccced7 rgb(204,206,215)
```
#d7d9e0
```
#d7d9e0 rgb(215,217,224)
```
#e2e3e8
```
#e2e3e8 rgb(226,227,232)
```
#edeef1
```
#edeef1 rgb(237,238,241)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74767f is the less saturated color, while #0425ef is the most saturated one.

#74767f
```
#74767f rgb(116,118,127)
```
#6b6f88
```
#6b6f88 rgb(107,111,136)
```
#626891
```
#626891 rgb(98,104,145)
```
#58619b
```
#58619b rgb(88,97,155)
```
#4f5ba4
```
#4f5ba4 rgb(79,91,164)
```
#4654ad
```
#4654ad rgb(70,84,173)
```
#3c4db7
```
#3c4db7 rgb(60,77,183)
```
#3346c0
```
#3346c0 rgb(51,70,192)
```
#2a40c9
```
#2a40c9 rgb(42,64,201)
```
#2039d3
```
#2039d3 rgb(32,57,211)
```
#1732dc
```
#1732dc rgb(23,50,220)
```
#0e2be5
```
#0e2be5 rgb(14,43,229)
```
#0425ef
```
#0425ef rgb(4,37,239)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#707176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72768e Protanopia 1% of men
#76758e Deuteranopia 1% of men
#6f7881 Tritanopia 0.001% of the population

Trichromacy

#6f738c Protanomaly 1% of men, 0.01% of women
#72728c Deuteranomaly 6% of men, 0.4% of women
#6e7583 Tritanomaly 0.01% of the population

#6b6f88 hex color

#6b6f88 Color Information

#6b6f88 Color Conversion

Color Schemes with #6b6f88

Alternatives to #6b6f88

#6b6f88 Preview

Shades and Tints of #6b6f88

Tones of #6b6f88

Color Blindness Simulator