#787b86 hex color

In a RGB color space, hex #787b86 is composed of 47.1% red, 48.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 8.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 227.1 degrees, a saturation of 5.5% and a lightness of 49.8%. #787b86 color hex could be obtained by blending #f0f6ff with #00000d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 47
- G 48
- B 53
RGB color chart
- C 10
- M 8
- Y 0
- K 47
CMYK color chart

● #787b86 color description : Dark grayish blue.

The hexadecimal color #787b86 has RGB values of R:120, G:123, B:134 and CMYK values of C:0.1, M:0.08, Y:0, K:0.47. Its decimal value is 7895942.

Hex triplet	787b86	`#787b86`
RGB Decimal	120, 123, 134	`rgb(120,123,134)`
RGB Percent	47.1, 48.2, 52.5	`rgb(47.1%,48.2%,52.5%)`
CMYK	10, 8, 0, 47
HSL	227.1°, 5.5, 49.8	`hsl(227.1,5.5%,49.8%)`
HSV (or HSB)	227.1°, 10.4, 52.5
Web Safe	666699	`#666699`

CIE-LAB	51.701, 1.207, -6.363
XYZ	19.131, 19.88, 25.382
xyY	0.297, 0.309, 19.88
CIE-LCH	51.701, 6.476, 280.744
CIE-LUV	51.701, -2.258, -9.155
Hunter-Lab	44.587, -1.439, -2.541
Binary	01111000, 01111011, 10000110

#787b86
```
#787b86 rgb(120,123,134)
```
#868378
```
#868378 rgb(134,131,120)
```

Complementary Color

#788286
```
#788286 rgb(120,130,134)
```
#787b86
```
#787b86 rgb(120,123,134)
```
#7c7886
```
#7c7886 rgb(124,120,134)
```

Analogous Color

#828678
```
#828678 rgb(130,134,120)
```
#787b86
```
#787b86 rgb(120,123,134)
```
#867c78
```
#867c78 rgb(134,124,120)
```

Split Complementary Color

#7b8678
```
#7b8678 rgb(123,134,120)
```
#787b86
```
#787b86 rgb(120,123,134)
```
#86787b
```
#86787b rgb(134,120,123)
```

Triadic Color

#788683
```
#788683 rgb(120,134,131)
```
#787b86
```
#787b86 rgb(120,123,134)
```
#86787b
```
#86787b rgb(134,120,123)
```
#868378
```
#868378 rgb(134,131,120)
```

Tetradic Color

#54565e
```
#54565e rgb(84,86,94)
```
#60626b
```
#60626b rgb(96,98,107)
```
#6c6f79
```
#6c6f79 rgb(108,111,121)
```
#787b86
```
#787b86 rgb(120,123,134)
```
#858892
```
#858892 rgb(133,136,146)
```
#93959e
```
#93959e rgb(147,149,158)
```
#a0a2aa
```
#a0a2aa rgb(160,162,170)
```

Monochromatic Color

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

#787f86
```
#787f86 rgb(120,127,134)
```
#787d86
```
#787d86 rgb(120,125,134)
```
#787c86
```
#787c86 rgb(120,124,134)
```
#787b86
```
#787b86 rgb(120,123,134)
```
#787a86
```
#787a86 rgb(120,122,134)
```
#787986
```
#787986 rgb(120,121,134)
```
#797886
```
#797886 rgb(121,120,134)
```

Similar Colors

Text with hexadecimal color #787b86

This text has a font color of #787b86.

<span style="color:#787b86;">Text here</span>

#787b86 background color

This paragraph has a background color of #787b86.

<p style="background-color:#787b86;">Content here</p>

#787b86 border color

This element has a border color of #787b86.

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

CSS codes

.text {color:#787b86;}

.background {background-color:#787b86;}

.border {border:1px solid #787b86;}

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, #09090a is the darkest color, while #fefeff is the lightest one.

#09090a
```
#09090a rgb(9,9,10)
```
#121314
```
#121314 rgb(18,19,20)
```
#1b1c1f
```
#1b1c1f rgb(27,28,31)
```
#252629
```
#252629 rgb(37,38,41)
```
#2e2f33
```
#2e2f33 rgb(46,47,51)
```
#37393e
```
#37393e rgb(55,57,62)
```
#404248
```
#404248 rgb(64,66,72)
```
#4a4c52
```
#4a4c52 rgb(74,76,82)
```
#53555d
```
#53555d rgb(83,85,93)
```
#5c5f67
```
#5c5f67 rgb(92,95,103)
```
#656871
```
#656871 rgb(101,104,113)
```
#6f727c
```
#6f727c rgb(111,114,124)
```
#787b86
```
#787b86 rgb(120,123,134)
```

Shade Color Variation

#82858f
```
#82858f rgb(130,133,143)
```
#8d8f99
```
#8d8f99 rgb(141,143,153)
```
#9799a2
```
#9799a2 rgb(151,153,162)
```
#a1a3ab
```
#a1a3ab rgb(161,163,171)
```
#acaeb4
```
#acaeb4 rgb(172,174,180)
```
#b6b8be
```
#b6b8be rgb(182,184,190)
```
#c0c2c7
```
#c0c2c7 rgb(192,194,199)
```
#cbccd0
```
#cbccd0 rgb(203,204,208)
```
#d5d6d9
```
#d5d6d9 rgb(213,214,217)
```
#dfe0e3
```
#dfe0e3 rgb(223,224,227)
```
#eaeaec
```
#eaeaec rgb(234,234,236)
```
#f4f4f5
```
#f4f4f5 rgb(244,244,245)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b86 is the less saturated color, while #0338fb is the most saturated one.

#787b86
```
#787b86 rgb(120,123,134)
```
#6e7590
```
#6e7590 rgb(110,117,144)
```
#64709a
```
#64709a rgb(100,112,154)
```
#5b6aa3
```
#5b6aa3 rgb(91,106,163)
```
#5165ad
```
#5165ad rgb(81,101,173)
```
#475fb7
```
#475fb7 rgb(71,95,183)
```
#3d5ac1
```
#3d5ac1 rgb(61,90,193)
```
#3454ca
```
#3454ca rgb(52,84,202)
```
#2a4ed4
```
#2a4ed4 rgb(42,78,212)
```
#2049de
```
#2049de rgb(32,73,222)
```
#1643e8
```
#1643e8 rgb(22,67,232)
```
#0d3ef1
```
#0d3ef1 rgb(13,62,241)
```
#0338fb
```
#0338fb rgb(3,56,251)
```

Tone Color Variation

Below, you can see how #787b86 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

#7b7b7b Achromatopsia 0.005% of the population
#7a7b7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#81818b Protanopia 1% of men
#887e8d Deuteranopia 1% of men
#7e828b Tritanopia 0.001% of the population

Trichromacy

#7d7e89 Protanomaly 1% of men, 0.01% of women
#827d8a Deuteranomaly 6% of men, 0.4% of women
#7c7f89 Tritanomaly 0.01% of the population

#787b86 hex color

#787b86 Color Information

#787b86 Color Conversion

Color Schemes with #787b86

Alternatives to #787b86

#787b86 Preview

Shades and Tints of #787b86

Tones of #787b86

Color Blindness Simulator