#7b778c hex color

In a RGB color space, hex #7b778c is composed of 48.2% red, 46.7% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 12.1% cyan, 15% magenta, 0% yellow and 45.1% black. It has a hue angle of 251.4 degrees, a saturation of 8.4% and a lightness of 50.8%. #7b778c color hex could be obtained by blending #f6eeff with #000019. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 48
- G 47
- B 55
RGB color chart
- C 12
- M 15
- Y 0
- K 45
CMYK color chart

● #7b778c color description : Dark grayish blue.

The hexadecimal color #7b778c has RGB values of R:123, G:119, B:140 and CMYK values of C:0.12, M:0.15, Y:0, K:0.45. Its decimal value is 8091532.

Hex triplet	7b778c	`#7b778c`
RGB Decimal	123, 119, 140	`rgb(123,119,140)`
RGB Percent	48.2, 46.7, 54.9	`rgb(48.2%,46.7%,54.9%)`
CMYK	12, 15, 0, 45
HSL	251.4°, 8.4, 50.8	`hsl(251.4,8.4%,50.8%)`
HSV (or HSB)	251.4°, 15, 54.9
Web Safe	666699	`#666699`

CIE-LAB	51.034, 5.946, -10.857
XYZ	19.498, 19.298, 27.507
xyY	0.294, 0.291, 19.298
CIE-LCH	51.034, 12.378, 298.708
CIE-LUV	51.034, 0.915, -16.382
Hunter-Lab	43.93, 2.35, -6.375
Binary	01111011, 01110111, 10001100

#7b778c
```
#7b778c rgb(123,119,140)
```
#888c77
```
#888c77 rgb(136,140,119)
```

Complementary Color

#777e8c
```
#777e8c rgb(119,126,140)
```
#7b778c
```
#7b778c rgb(123,119,140)
```
#86778c
```
#86778c rgb(134,119,140)
```

Analogous Color

#7e8c77
```
#7e8c77 rgb(126,140,119)
```
#7b778c
```
#7b778c rgb(123,119,140)
```
#8c8677
```
#8c8677 rgb(140,134,119)
```

Split Complementary Color

#778c7b
```
#778c7b rgb(119,140,123)
```
#7b778c
```
#7b778c rgb(123,119,140)
```
#8c7b77
```
#8c7b77 rgb(140,123,119)
```

Triadic Color

#77888c
```
#77888c rgb(119,136,140)
```
#7b778c
```
#7b778c rgb(123,119,140)
```
#8c7b77
```
#8c7b77 rgb(140,123,119)
```
#888c77
```
#888c77 rgb(136,140,119)
```

Tetradic Color

#575463
```
#575463 rgb(87,84,99)
```
#635f71
```
#635f71 rgb(99,95,113)
```
#6f6b7f
```
#6f6b7f rgb(111,107,127)
```
#7b778c
```
#7b778c rgb(123,119,140)
```
#888598
```
#888598 rgb(136,133,152)
```
#9693a3
```
#9693a3 rgb(150,147,163)
```
#a3a0af
```
#a3a0af rgb(163,160,175)
```

Monochromatic Color

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

#77788c
```
#77788c rgb(119,120,140)
```
#78778c
```
#78778c rgb(120,119,140)
```
#79778c
```
#79778c rgb(121,119,140)
```
#7b778c
```
#7b778c rgb(123,119,140)
```
#7d778c
```
#7d778c rgb(125,119,140)
```
#7f778c
```
#7f778c rgb(127,119,140)
```
#80778c
```
#80778c rgb(128,119,140)
```

Similar Colors

Text with hexadecimal color #7b778c

This text has a font color of #7b778c.

<span style="color:#7b778c;">Text here</span>

#7b778c background color

This paragraph has a background color of #7b778c.

<p style="background-color:#7b778c;">Content here</p>

#7b778c border color

This element has a border color of #7b778c.

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

CSS codes

.text {color:#7b778c;}

.background {background-color:#7b778c;}

.border {border:1px solid #7b778c;}

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0b0d
```
#0b0b0d rgb(11,11,13)
```
#141417
```
#141417 rgb(20,20,23)
```
#1e1d22
```
#1e1d22 rgb(30,29,34)
```
#27262d
```
#27262d rgb(39,38,45)
```
#302f37
```
#302f37 rgb(48,47,55)
```
#3a3842
```
#3a3842 rgb(58,56,66)
```
#43414d
```
#43414d rgb(67,65,77)
```
#4c4a57
```
#4c4a57 rgb(76,74,87)
```
#565362
```
#565362 rgb(86,83,98)
```
#5f5c6c
```
#5f5c6c rgb(95,92,108)
```
#686577
```
#686577 rgb(104,101,119)
```
#716e82
```
#716e82 rgb(113,110,130)
```

Shade Color Variation

#7b778c
```
#7b778c rgb(123,119,140)
```
#858295
```
#858295 rgb(133,130,149)
```
#908c9e
```
#908c9e rgb(144,140,158)
```
#9a97a7
```
#9a97a7 rgb(154,151,167)
```
#a4a2b0
```
#a4a2b0 rgb(164,162,176)
```
#afacb9
```
#afacb9 rgb(175,172,185)
```
#b9b7c2
```
#b9b7c2 rgb(185,183,194)
```
#c3c1cb
```
#c3c1cb rgb(195,193,203)
```
#ceccd4
```
#ceccd4 rgb(206,204,212)
```
#d8d7dd
```
#d8d7dd rgb(216,215,221)
```
#e2e1e6
```
#e2e1e6 rgb(226,225,230)
```
#ececef
```
#ececef rgb(236,236,239)
```
#f7f7f8
```
#f7f7f8 rgb(247,247,248)
```

Tint Color Variation

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

#818182
```
#818182 rgb(129,129,130)
```
#7b778c
```
#7b778c rgb(123,119,140)
```
#756d96
```
#756d96 rgb(117,109,150)
```
#6f649f
```
#6f649f rgb(111,100,159)
```
#695aa9
```
#695aa9 rgb(105,90,169)
```
#6350b3
```
#6350b3 rgb(99,80,179)
```
#5d47bc
```
#5d47bc rgb(93,71,188)
```
#573dc6
```
#573dc6 rgb(87,61,198)
```
#5133d0
```
#5133d0 rgb(81,51,208)
```
#4b2ad9
```
#4b2ad9 rgb(75,42,217)
```
#4520e3
```
#4520e3 rgb(69,32,227)
```
#3f16ed
```
#3f16ed rgb(63,22,237)
```
#390df6
```
#390df6 rgb(57,13,246)
```

Tone Color Variation

Below, you can see how #7b778c 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
#7b7a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7f92 Protanopia 1% of men
#837d92 Deuteranopia 1% of men
#807f88 Tritanopia 0.001% of the population

Trichromacy

#7c7c90 Protanomaly 1% of men, 0.01% of women
#807b8f Deuteranomaly 6% of men, 0.4% of women
#7e7c89 Tritanomaly 0.01% of the population

#7b778c hex color

#7b778c Color Information

#7b778c Color Conversion

Color Schemes with #7b778c

Alternatives to #7b778c

#7b778c Preview

Shades and Tints of #7b778c

Tones of #7b778c

Color Blindness Simulator