colorhexa.com

#8976f8 hex color

In a RGB color space, hex #8976f8 is composed of 53.7% red, 46.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 52.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 248.8 degrees, a saturation of 90.3% and a lightness of 71.8%. #8976f8 color hex could be obtained by blending #ffecff with #1300f1. Closest websafe color is: #9966ff.

- R 54
- G 46
- B 97
RGB color chart
- C 45
- M 52
- Y 0
- K 3
CMYK color chart

● #8976f8 color description : Soft blue.

The hexadecimal color #8976f8 has RGB values of R:137, G:118, B:248 and CMYK values of C:0.45, M:0.52, Y:0, K:0.03. Its decimal value is 9008888.

Hex triplet	8976f8	`#8976f8`
RGB Decimal	137, 118, 248	`rgb(137,118,248)`
RGB Percent	53.7, 46.3, 97.3	`rgb(53.7%,46.3%,97.3%)`
CMYK	45, 52, 0, 3
HSL	248.8°, 90.3, 71.8	`hsl(248.8,90.3%,71.8%)`
HSV (or HSB)	248.8°, 52.4, 97.3
Web Safe	9966ff	`#9966ff`

CIE-LAB	57.126, 38.814, -62.902
XYZ	33.735, 25.052, 91.86
xyY	0.224, 0.166, 25.052
CIE-LCH	57.126, 73.913, 301.677
CIE-LUV	57.126, -0.648, -103.399
Hunter-Lab	50.052, 32.719, -73.778
Binary	10001001, 01110110, 11111000

#8976f8
```
#8976f8 rgb(137,118,248)
```
#e5f876
```
#e5f876 rgb(229,248,118)
```

Complementary Color

#76a4f8
```
#76a4f8 rgb(118,164,248)
```
#8976f8
```
#8976f8 rgb(137,118,248)
```
#ca76f8
```
#ca76f8 rgb(202,118,248)
```

Analogous Color

#a4f876
```
#a4f876 rgb(164,248,118)
```
#8976f8
```
#8976f8 rgb(137,118,248)
```
#f8ca76
```
#f8ca76 rgb(248,202,118)
```

Split Complementary Color

#76f889
```
#76f889 rgb(118,248,137)
```
#8976f8
```
#8976f8 rgb(137,118,248)
```
#f88976
```
#f88976 rgb(248,137,118)
```

Triadic Color

#76e5f8
```
#76e5f8 rgb(118,229,248)
```
#8976f8
```
#8976f8 rgb(137,118,248)
```
#f88976
```
#f88976 rgb(248,137,118)
```
#e5f876
```
#e5f876 rgb(229,248,118)
```

Tetradic Color

#4a2df4
```
#4a2df4 rgb(74,45,244)
```
#5f45f6
```
#5f45f6 rgb(95,69,246)
```
#745ef7
```
#745ef7 rgb(116,94,247)
```
#8976f8
```
#8976f8 rgb(137,118,248)
```
#9e8ef9
```
#9e8ef9 rgb(158,142,249)
```
#b3a7fa
```
#b3a7fa rgb(179,167,250)
```
#c8bffc
```
#c8bffc rgb(200,191,252)
```

Monochromatic Color

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

#7684f8
```
#7684f8 rgb(118,132,248)
```
#7679f8
```
#7679f8 rgb(118,121,248)
```
#7e76f8
```
#7e76f8 rgb(126,118,248)
```
#8976f8
```
#8976f8 rgb(137,118,248)
```
#9476f8
```
#9476f8 rgb(148,118,248)
```
#9f76f8
```
#9f76f8 rgb(159,118,248)
```
#aa76f8
```
#aa76f8 rgb(170,118,248)
```

Similar Colors

Text with hexadecimal color #8976f8

This text has a font color of #8976f8.

<span style="color:#8976f8;">Text here</span>

#8976f8 background color

This paragraph has a background color of #8976f8.

<p style="background-color:#8976f8;">Content here</p>

#8976f8 border color

This element has a border color of #8976f8.

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

CSS codes

.text {color:#8976f8;}

.background {background-color:#8976f8;}

.border {border:1px solid #8976f8;}

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, #02010c is the darkest color, while #faf9ff is the lightest one.

#02010c
```
#02010c rgb(2,1,12)
```
#06021f
```
#06021f rgb(6,2,31)
```
#090332
```
#090332 rgb(9,3,50)
```
#0d0344
```
#0d0344 rgb(13,3,68)
```
#110457
```
#110457 rgb(17,4,87)
```
#14056a
```
#14056a rgb(20,5,106)
```
#18067c
```
#18067c rgb(24,6,124)
```
#1b078f
```
#1b078f rgb(27,7,143)
```
#1f08a2
```
#1f08a2 rgb(31,8,162)
```
#2209b4
```
#2209b4 rgb(34,9,180)
```
#260ac7
```
#260ac7 rgb(38,10,199)
```
#290bda
```
#290bda rgb(41,11,218)
```
#2d0cec
```
#2d0cec rgb(45,12,236)
```

Shade Color Variation

#3919f3
```
#3919f3 rgb(57,25,243)
```
#492bf4
```
#492bf4 rgb(73,43,244)
```
#593ef5
```
#593ef5 rgb(89,62,245)
```
#6951f6
```
#6951f6 rgb(105,81,246)
```
#7963f7
```
#7963f7 rgb(121,99,247)
```
#8976f8
```
#8976f8 rgb(137,118,248)
```
#9989f9
```
#9989f9 rgb(153,137,249)
```
#a99bfa
```
#a99bfa rgb(169,155,250)
```
#b9aefb
```
#b9aefb rgb(185,174,251)
```
#c9c1fc
```
#c9c1fc rgb(201,193,252)
```
#d9d3fd
```
#d9d3fd rgb(217,211,253)
```
#e9e6fe
```
#e9e6fe rgb(233,230,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#b4b3bb
```
#b4b3bb rgb(180,179,187)
```
#b0adc1
```
#b0adc1 rgb(176,173,193)
```
#aca8c6
```
#aca8c6 rgb(172,168,198)
```
#a8a2cc
```
#a8a2cc rgb(168,162,204)
```
#a49dd1
```
#a49dd1 rgb(164,157,209)
```
#a197d7
```
#a197d7 rgb(161,151,215)
```
#9d92dc
```
#9d92dc rgb(157,146,220)
```
#998ce2
```
#998ce2 rgb(153,140,226)
```
#9587e7
```
#9587e7 rgb(149,135,231)
```
#9181ed
```
#9181ed rgb(145,129,237)
```
#8d7cf2
```
#8d7cf2 rgb(141,124,242)
```
#8976f8
```
#8976f8 rgb(137,118,248)
```
#8570fe
```
#8570fe rgb(133,112,254)
```

Tone Color Variation

Below, you can see how #8976f8 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

#8b8b8b Achromatopsia 0.005% of the population
#8b87a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#488bff Protanopia 1% of men
#2791f0 Deuteranopia 1% of men
#71949f Tritanopia 0.001% of the population

Trichromacy

#5f83fc Protanomaly 1% of men, 0.01% of women
#4b87f3 Deuteranomaly 6% of men, 0.4% of women
#7989bf Tritanomaly 0.01% of the population