#7678b4 hex color

In a RGB color space, hex #7678b4 is composed of 46.3% red, 47.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 33.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 238.1 degrees, a saturation of 29.2% and a lightness of 58.4%. #7678b4 color hex could be obtained by blending #ecf0ff with #000069. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 46
- G 47
- B 71
RGB color chart
- C 34
- M 33
- Y 0
- K 29
CMYK color chart

● #7678b4 color description : Slightly desaturated blue.

The hexadecimal color #7678b4 has RGB values of R:118, G:120, B:180 and CMYK values of C:0.34, M:0.33, Y:0, K:0.29. Its decimal value is 7764148.

Hex triplet	7678b4	`#7678b4`
RGB Decimal	118, 120, 180	`rgb(118,120,180)`
RGB Percent	46.3, 47.1, 70.6	`rgb(46.3%,47.1%,70.6%)`
CMYK	34, 33, 0, 29
HSL	238.1°, 29.2, 58.4	`hsl(238.1,29.2%,58.4%)`
HSV (or HSB)	238.1°, 34.4, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.486, 13.758, -31.957
XYZ	22.424, 20.579, 45.968
xyY	0.252, 0.231, 20.579
CIE-LCH	52.486, 34.792, 293.292
CIE-LUV	52.486, -4.5, -50.109
Hunter-Lab	45.364, 8.847, -28.324
Binary	01110110, 01111000, 10110100

#7678b4
```
#7678b4 rgb(118,120,180)
```
#b4b276
```
#b4b276 rgb(180,178,118)
```

Complementary Color

#7697b4
```
#7697b4 rgb(118,151,180)
```
#7678b4
```
#7678b4 rgb(118,120,180)
```
#9376b4
```
#9376b4 rgb(147,118,180)
```

Analogous Color

#97b476
```
#97b476 rgb(151,180,118)
```
#7678b4
```
#7678b4 rgb(118,120,180)
```
#b49376
```
#b49376 rgb(180,147,118)
```

Split Complementary Color

#78b476
```
#78b476 rgb(120,180,118)
```
#7678b4
```
#7678b4 rgb(118,120,180)
```
#b47678
```
#b47678 rgb(180,118,120)
```

Triadic Color

#76b4b2
```
#76b4b2 rgb(118,180,178)
```
#7678b4
```
#7678b4 rgb(118,120,180)
```
#b47678
```
#b47678 rgb(180,118,120)
```
#b4b276
```
#b4b276 rgb(180,178,118)
```

Tetradic Color

#4e508f
```
#4e508f rgb(78,80,143)
```
#575aa0
```
#575aa0 rgb(87,90,160)
```
#6668ab
```
#6668ab rgb(102,104,171)
```
#7678b4
```
#7678b4 rgb(118,120,180)
```
#8688bd
```
#8688bd rgb(134,136,189)
```
#9798c6
```
#9798c6 rgb(151,152,198)
```
#a7a9cf
```
#a7a9cf rgb(167,169,207)
```

Monochromatic Color

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

#7688b4
```
#7688b4 rgb(118,136,180)
```
#7682b4
```
#7682b4 rgb(118,130,180)
```
#767db4
```
#767db4 rgb(118,125,180)
```
#7678b4
```
#7678b4 rgb(118,120,180)
```
#7976b4
```
#7976b4 rgb(121,118,180)
```
#7e76b4
```
#7e76b4 rgb(126,118,180)
```
#8476b4
```
#8476b4 rgb(132,118,180)
```

Similar Colors

Text with hexadecimal color #7678b4

This text has a font color of #7678b4.

<span style="color:#7678b4;">Text here</span>

#7678b4 background color

This paragraph has a background color of #7678b4.

<p style="background-color:#7678b4;">Content here</p>

#7678b4 border color

This element has a border color of #7678b4.

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

CSS codes

.text {color:#7678b4;}

.background {background-color:#7678b4;}

.border {border:1px solid #7678b4;}

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

#010102
```
#010102 rgb(1,1,2)
```
#08080f
```
#08080f rgb(8,8,15)
```
#0f101c
```
#0f101c rgb(15,16,28)
```
#161728
```
#161728 rgb(22,23,40)
```
#1d1e35
```
#1d1e35 rgb(29,30,53)
```
#242542
```
#242542 rgb(36,37,66)
```
#2b2c4e
```
#2b2c4e rgb(43,44,78)
```
#32335b
```
#32335b rgb(50,51,91)
```
#393a68
```
#393a68 rgb(57,58,104)
```
#404175
```
#404175 rgb(64,65,117)
```
#474981
```
#474981 rgb(71,73,129)
```
#4e508e
```
#4e508e rgb(78,80,142)
```
#55579b
```
#55579b rgb(85,87,155)
```

Shade Color Variation

#5d5fa6
```
#5d5fa6 rgb(93,95,166)
```
#696cad
```
#696cad rgb(105,108,173)
```
#7678b4
```
#7678b4 rgb(118,120,180)
```
#8384bb
```
#8384bb rgb(131,132,187)
```
#8f91c2
```
#8f91c2 rgb(143,145,194)
```
#9c9dc9
```
#9c9dc9 rgb(156,157,201)
```
#a9aad0
```
#a9aad0 rgb(169,170,208)
```
#b5b6d7
```
#b5b6d7 rgb(181,182,215)
```
#c2c3de
```
#c2c3de rgb(194,195,222)
```
#cfcfe5
```
#cfcfe5 rgb(207,207,229)
```
#dbdcec
```
#dbdcec rgb(219,220,236)
```
#e8e8f2
```
#e8e8f2 rgb(232,232,242)
```
#f5f5f9
```
#f5f5f9 rgb(245,245,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8f9c is the less saturated color, while #2d33fd is the most saturated one.

#8e8f9c
```
#8e8f9c rgb(142,143,156)
```
#8687a4
```
#8687a4 rgb(134,135,164)
```
#7e80ac
```
#7e80ac rgb(126,128,172)
```
#7678b4
```
#7678b4 rgb(118,120,180)
```
#6e70bc
```
#6e70bc rgb(110,112,188)
```
#6669c4
```
#6669c4 rgb(102,105,196)
```
#5e61cc
```
#5e61cc rgb(94,97,204)
```
#5559d5
```
#5559d5 rgb(85,89,213)
```
#4d52dd
```
#4d52dd rgb(77,82,221)
```
#454ae5
```
#454ae5 rgb(69,74,229)
```
#3d43ed
```
#3d43ed rgb(61,67,237)
```
#353bf5
```
#353bf5 rgb(53,59,245)
```
#2d33fd
```
#2d33fd rgb(45,51,253)
```

Tone Color Variation

Below, you can see how #7678b4 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

#7e7e7e Achromatopsia 0.005% of the population
#7c7d89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7082ba Protanopia 1% of men
#6f82b6 Deuteranopia 1% of men
#728790 Tritanopia 0.001% of the population

Trichromacy

#727eb7 Protanomaly 1% of men, 0.01% of women
#717eb5 Deuteranomaly 6% of men, 0.4% of women
#73819d Tritanomaly 0.01% of the population

#7678b4 hex color

#7678b4 Color Information

#7678b4 Color Conversion

Color Schemes with #7678b4

Alternatives to #7678b4

#7678b4 Preview

Shades and Tints of #7678b4

Tones of #7678b4

Color Blindness Simulator