#8978e2 hex color

In a RGB color space, hex #8978e2 is composed of 53.7% red, 47.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 46.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 249.6 degrees, a saturation of 64.6% and a lightness of 67.8%. #8978e2 color hex could be obtained by blending #fff0ff with #1300c5. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 54
- G 47
- B 89
RGB color chart
- C 39
- M 47
- Y 0
- K 11
CMYK color chart

● #8978e2 color description : Soft blue.

The hexadecimal color #8978e2 has RGB values of R:137, G:120, B:226 and CMYK values of C:0.39, M:0.47, Y:0, K:0.11. Its decimal value is 9009378.

Hex triplet	8978e2	`#8978e2`
RGB Decimal	137, 120, 226	`rgb(137,120,226)`
RGB Percent	53.7, 47.1, 88.6	`rgb(53.7%,47.1%,88.6%)`
CMYK	39, 47, 0, 11
HSL	249.6°, 64.6, 67.8	`hsl(249.6,64.6%,67.8%)`
HSV (or HSB)	249.6°, 46.9, 88.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	56.329, 31.512, -51.929
XYZ	30.758, 24.242, 75.006
xyY	0.237, 0.186, 24.242
CIE-LCH	56.329, 60.742, 301.251
CIE-LUV	56.329, 0.578, -85.017
Hunter-Lab	49.236, 25.347, -55.857
Binary	10001001, 01111000, 11100010

#8978e2
```
#8978e2 rgb(137,120,226)
```
#d1e278
```
#d1e278 rgb(209,226,120)
```

Complementary Color

#789ce2
```
#789ce2 rgb(120,156,226)
```
#8978e2
```
#8978e2 rgb(137,120,226)
```
#be78e2
```
#be78e2 rgb(190,120,226)
```

Analogous Color

#9ce278
```
#9ce278 rgb(156,226,120)
```
#8978e2
```
#8978e2 rgb(137,120,226)
```
#e2be78
```
#e2be78 rgb(226,190,120)
```

Split Complementary Color

#78e289
```
#78e289 rgb(120,226,137)
```
#8978e2
```
#8978e2 rgb(137,120,226)
```
#e28978
```
#e28978 rgb(226,137,120)
```

Triadic Color

#78d1e2
```
#78d1e2 rgb(120,209,226)
```
#8978e2
```
#8978e2 rgb(137,120,226)
```
#e28978
```
#e28978 rgb(226,137,120)
```
#d1e278
```
#d1e278 rgb(209,226,120)
```

Tetradic Color

#5239d4
```
#5239d4 rgb(82,57,212)
```
#644ed9
```
#644ed9 rgb(100,78,217)
```
#7763dd
```
#7763dd rgb(119,99,221)
```
#8978e2
```
#8978e2 rgb(137,120,226)
```
#9b8de7
```
#9b8de7 rgb(155,141,231)
```
#aea2eb
```
#aea2eb rgb(174,162,235)
```
#c0b7f0
```
#c0b7f0 rgb(192,183,240)
```

Monochromatic Color

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

#7882e2
```
#7882e2 rgb(120,130,226)
```
#7879e2
```
#7879e2 rgb(120,121,226)
```
#8078e2
```
#8078e2 rgb(128,120,226)
```
#8978e2
```
#8978e2 rgb(137,120,226)
```
#9278e2
```
#9278e2 rgb(146,120,226)
```
#9b78e2
```
#9b78e2 rgb(155,120,226)
```
#a478e2
```
#a478e2 rgb(164,120,226)
```

Similar Colors

Text with hexadecimal color #8978e2

This text has a font color of #8978e2.

<span style="color:#8978e2;">Text here</span>

#8978e2 background color

This paragraph has a background color of #8978e2.

<p style="background-color:#8978e2;">Content here</p>

#8978e2 border color

This element has a border color of #8978e2.

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

CSS codes

.text {color:#8978e2;}

.background {background-color:#8978e2;}

.border {border:1px solid #8978e2;}

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

#04020a
```
#04020a rgb(4,2,10)
```
#09061a
```
#09061a rgb(9,6,26)
```
#0f092b
```
#0f092b rgb(15,9,43)
```
#140d3b
```
#140d3b rgb(20,13,59)
```
#1a104b
```
#1a104b rgb(26,16,75)
```
#1f145b
```
#1f145b rgb(31,20,91)
```
#25176b
```
#25176b rgb(37,23,107)
```
#2a1a7b
```
#2a1a7b rgb(42,26,123)
```
#301e8b
```
#301e8b rgb(48,30,139)
```
#35219c
```
#35219c rgb(53,33,156)
```
#3b25ac
```
#3b25ac rgb(59,37,172)
```
#4028bc
```
#4028bc rgb(64,40,188)
```
#462ccc
```
#462ccc rgb(70,44,204)
```

Shade Color Variation

#5137d4
```
#5137d4 rgb(81,55,212)
```
#5f48d8
```
#5f48d8 rgb(95,72,216)
```
#6d58db
```
#6d58db rgb(109,88,219)
```
#7b68df
```
#7b68df rgb(123,104,223)
```
#8978e2
```
#8978e2 rgb(137,120,226)
```
#9788e5
```
#9788e5 rgb(151,136,229)
```
#a598e9
```
#a598e9 rgb(165,152,233)
```
#b3a8ec
```
#b3a8ec rgb(179,168,236)
```
#c1b9f0
```
#c1b9f0 rgb(193,185,240)
```
#d0c9f3
```
#d0c9f3 rgb(208,201,243)
```
#ded9f7
```
#ded9f7 rgb(222,217,247)
```
#ece9fa
```
#ece9fa rgb(236,233,250)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#abaab0
```
#abaab0 rgb(171,170,176)
```
#a7a4b6
```
#a7a4b6 rgb(167,164,182)
```
#a39ebc
```
#a39ebc rgb(163,158,188)
```
#9e98c2
```
#9e98c2 rgb(158,152,194)
```
#9a91c9
```
#9a91c9 rgb(154,145,201)
```
#968bcf
```
#968bcf rgb(150,139,207)
```
#9285d5
```
#9285d5 rgb(146,133,213)
```
#8d7edc
```
#8d7edc rgb(141,126,220)
```
#8978e2
```
#8978e2 rgb(137,120,226)
```
#8572e8
```
#8572e8 rgb(133,114,232)
```
#806bef
```
#806bef rgb(128,107,239)
```
#7c65f5
```
#7c65f5 rgb(124,101,245)
```
#785ffb
```
#785ffb rgb(120,95,251)
```

Tone Color Variation

Below, you can see how #8978e2 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

#898989 Achromatopsia 0.005% of the population
#89869b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b8aec Protanopia 1% of men
#548edd Deuteranopia 1% of men
#79909b Tritanopia 0.001% of the population

Trichromacy

#6b83e8 Protanomaly 1% of men, 0.01% of women
#6786df Deuteranomaly 6% of men, 0.4% of women
#7f87b5 Tritanomaly 0.01% of the population

#8978e2 hex color

#8978e2 Color Information

#8978e2 Color Conversion

Color Schemes with #8978e2

Alternatives to #8978e2

#8978e2 Preview

Shades and Tints of #8978e2

Tones of #8978e2

Color Blindness Simulator