#7678ec hex color

In a RGB color space, hex #7678ec is composed of 46.3% red, 47.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 49.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 239 degrees, a saturation of 75.6% and a lightness of 69.4%. #7678ec color hex could be obtained by blending #ecf0ff with #0000d9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 46
- G 47
- B 93
RGB color chart
- C 50
- M 49
- Y 0
- K 7
CMYK color chart

● #7678ec color description : Soft blue.

The hexadecimal color #7678ec has RGB values of R:118, G:120, B:236 and CMYK values of C:0.5, M:0.49, Y:0, K:0.07. Its decimal value is 7764204.

Hex triplet	7678ec	`#7678ec`
RGB Decimal	118, 120, 236	`rgb(118,120,236)`
RGB Percent	46.3, 47.1, 92.5	`rgb(46.3%,47.1%,92.5%)`
CMYK	50, 49, 0, 7
HSL	239°, 75.6, 69.4	`hsl(239,75.6%,69.4%)`
HSV (or HSB)	239°, 50, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.42, 30.013, -59.054
XYZ	29.325, 23.34, 82.312
xyY	0.217, 0.173, 23.34
CIE-LCH	55.42, 66.243, 296.941
CIE-LUV	55.42, -7.612, -95.803
Hunter-Lab	48.311, 23.806, -67.2
Binary	01110110, 01111000, 11101100

#7678ec
```
#7678ec rgb(118,120,236)
```
#ecea76
```
#ecea76 rgb(236,234,118)
```

Complementary Color

#76b3ec
```
#76b3ec rgb(118,179,236)
```
#7678ec
```
#7678ec rgb(118,120,236)
```
#af76ec
```
#af76ec rgb(175,118,236)
```

Analogous Color

#b3ec76
```
#b3ec76 rgb(179,236,118)
```
#7678ec
```
#7678ec rgb(118,120,236)
```
#ecaf76
```
#ecaf76 rgb(236,175,118)
```

Split Complementary Color

#78ec76
```
#78ec76 rgb(120,236,118)
```
#7678ec
```
#7678ec rgb(118,120,236)
```
#ec7678
```
#ec7678 rgb(236,118,120)
```

Triadic Color

#76ecea
```
#76ecea rgb(118,236,234)
```
#7678ec
```
#7678ec rgb(118,120,236)
```
#ec7678
```
#ec7678 rgb(236,118,120)
```
#ecea76
```
#ecea76 rgb(236,234,118)
```

Tetradic Color

#3336e3
```
#3336e3 rgb(51,54,227)
```
#494ce6
```
#494ce6 rgb(73,76,230)
```
#6062e9
```
#6062e9 rgb(96,98,233)
```
#7678ec
```
#7678ec rgb(118,120,236)
```
#8c8eef
```
#8c8eef rgb(140,142,239)
```
#a3a4f2
```
#a3a4f2 rgb(163,164,242)
```
#b9baf5
```
#b9baf5 rgb(185,186,245)
```

Monochromatic Color

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

#7696ec
```
#7696ec rgb(118,150,236)
```
#768cec
```
#768cec rgb(118,140,236)
```
#7682ec
```
#7682ec rgb(118,130,236)
```
#7678ec
```
#7678ec rgb(118,120,236)
```
#7e76ec
```
#7e76ec rgb(126,118,236)
```
#8876ec
```
#8876ec rgb(136,118,236)
```
#9276ec
```
#9276ec rgb(146,118,236)
```

Similar Colors

Text with hexadecimal color #7678ec

This text has a font color of #7678ec.

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

#7678ec background color

This paragraph has a background color of #7678ec.

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

#7678ec border color

This element has a border color of #7678ec.

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

CSS codes

.text {color:#7678ec;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030312
```
#030312 rgb(3,3,18)
```
#050523
```
#050523 rgb(5,5,35)
```
#070834
```
#070834 rgb(7,8,52)
```
#0a0b46
```
#0a0b46 rgb(10,11,70)
```
#0c0d57
```
#0c0d57 rgb(12,13,87)
```
#0e1068
```
#0e1068 rgb(14,16,104)
```
#111379
```
#111379 rgb(17,19,121)
```
#13158b
```
#13158b rgb(19,21,139)
```
#16189c
```
#16189c rgb(22,24,156)
```
#181bad
```
#181bad rgb(24,27,173)
```
#1a1dbe
```
#1a1dbe rgb(26,29,190)
```
#1d20d0
```
#1d20d0 rgb(29,32,208)
```

Shade Color Variation

#2023e0
```
#2023e0 rgb(32,35,224)
```
#3134e2
```
#3134e2 rgb(49,52,226)
```
#4245e5
```
#4245e5 rgb(66,69,229)
```
#5456e7
```
#5456e7 rgb(84,86,231)
```
#6567ea
```
#6567ea rgb(101,103,234)
```
#7678ec
```
#7678ec rgb(118,120,236)
```
#8789ee
```
#8789ee rgb(135,137,238)
```
#989af1
```
#989af1 rgb(152,154,241)
```
#aaabf3
```
#aaabf3 rgb(170,171,243)
```
#bbbcf6
```
#bbbcf6 rgb(187,188,246)
```
#cccdf8
```
#cccdf8 rgb(204,205,248)
```
#dddefa
```
#dddefa rgb(221,222,250)
```
#efeffd
```
#efeffd rgb(239,239,253)
```

Tint Color Variation

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

#acacb6
```
#acacb6 rgb(172,172,182)
```
#a6a6bc
```
#a6a6bc rgb(166,166,188)
```
#a0a1c2
```
#a0a1c2 rgb(160,161,194)
```
#9a9bc8
```
#9a9bc8 rgb(154,155,200)
```
#9495ce
```
#9495ce rgb(148,149,206)
```
#8e8fd4
```
#8e8fd4 rgb(142,143,212)
```
#8889da
```
#8889da rgb(136,137,218)
```
#8284e0
```
#8284e0 rgb(130,132,224)
```
#7c7ee6
```
#7c7ee6 rgb(124,126,230)
```
#7678ec
```
#7678ec rgb(118,120,236)
```
#7072f2
```
#7072f2 rgb(112,114,242)
```
#6a6cf8
```
#6a6cf8 rgb(106,108,248)
```
#6467fe
```
#6467fe rgb(100,103,254)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#82829a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b87f4 Protanopia 1% of men
#308ce7 Deuteranopia 1% of men
#5d939d Tritanopia 0.001% of the population

Trichromacy

#5a81f1 Protanomaly 1% of men, 0.01% of women
#4985e9 Deuteranomaly 6% of men, 0.4% of women
#6689ba Tritanomaly 0.01% of the population

#7678ec hex color

#7678ec Color Information

#7678ec Color Conversion

Color Schemes with #7678ec

Alternatives to #7678ec

#7678ec Preview

Shades and Tints of #7678ec

Tones of #7678ec

Color Blindness Simulator