#8976fd hex color

In a RGB color space, hex #8976fd is composed of 53.7% red, 46.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 53.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 248.4 degrees, a saturation of 97.1% and a lightness of 72.7%. #8976fd color hex could be obtained by blending #ffecff with #1300fb. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 54
- G 46
- B 99
RGB color chart
- C 46
- M 53
- Y 0
- K 1
CMYK color chart

● #8976fd color description : Soft blue.

The hexadecimal color #8976fd has RGB values of R:137, G:118, B:253 and CMYK values of C:0.46, M:0.53, Y:0, K:0.01. Its decimal value is 9008893.

Hex triplet	8976fd	`#8976fd`
RGB Decimal	137, 118, 253	`rgb(137,118,253)`
RGB Percent	53.7, 46.3, 99.2	`rgb(53.7%,46.3%,99.2%)`
CMYK	46, 53, 0, 1
HSL	248.4°, 97.1, 72.7	`hsl(248.4,97.1%,72.7%)`
HSV (or HSB)	248.4°, 53.4, 99.2
Web Safe	9966ff	`#9966ff`

CIE-LAB	57.431, 40.23, -65.174
XYZ	34.521, 25.366, 96
xyY	0.221, 0.163, 25.366
CIE-LCH	57.431, 76.591, 301.685
CIE-LUV	57.431, -1.062, -107.21
Hunter-Lab	50.365, 34.209, -77.757
Binary	10001001, 01110110, 11111101

#8976fd
```
#8976fd rgb(137,118,253)
```
#eafd76
```
#eafd76 rgb(234,253,118)
```

Complementary Color

#76a7fd
```
#76a7fd rgb(118,167,253)
```
#8976fd
```
#8976fd rgb(137,118,253)
```
#cd76fd
```
#cd76fd rgb(205,118,253)
```

Analogous Color

#a7fd76
```
#a7fd76 rgb(167,253,118)
```
#8976fd
```
#8976fd rgb(137,118,253)
```
#fdcd76
```
#fdcd76 rgb(253,205,118)
```

Split Complementary Color

#76fd89
```
#76fd89 rgb(118,253,137)
```
#8976fd
```
#8976fd rgb(137,118,253)
```
#fd8976
```
#fd8976 rgb(253,137,118)
```

Triadic Color

#76eafd
```
#76eafd rgb(118,234,253)
```
#8976fd
```
#8976fd rgb(137,118,253)
```
#fd8976
```
#fd8976 rgb(253,137,118)
```
#eafd76
```
#eafd76 rgb(234,253,118)
```

Tetradic Color

#482bfc
```
#482bfc rgb(72,43,252)
```
#5e44fc
```
#5e44fc rgb(94,68,252)
```
#735dfd
```
#735dfd rgb(115,93,253)
```
#8976fd
```
#8976fd rgb(137,118,253)
```
#9f8ffd
```
#9f8ffd rgb(159,143,253)
```
#b4a8fe
```
#b4a8fe rgb(180,168,254)
```
#cac1fe
```
#cac1fe rgb(202,193,254)
```

Monochromatic Color

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

#7685fd
```
#7685fd rgb(118,133,253)
```
#767afd
```
#767afd rgb(118,122,253)
```
#7e76fd
```
#7e76fd rgb(126,118,253)
```
#8976fd
```
#8976fd rgb(137,118,253)
```
#9476fd
```
#9476fd rgb(148,118,253)
```
#a076fd
```
#a076fd rgb(160,118,253)
```
#ab76fd
```
#ab76fd rgb(171,118,253)
```

Similar Colors

Text with hexadecimal color #8976fd

This text has a font color of #8976fd.

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

#8976fd background color

This paragraph has a background color of #8976fd.

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

#8976fd border color

This element has a border color of #8976fd.

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

CSS codes

.text {color:#8976fd;}

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

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

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

#030012
```
#030012 rgb(3,0,18)
```
#060125
```
#060125 rgb(6,1,37)
```
#090138
```
#090138 rgb(9,1,56)
```
#0c014c
```
#0c014c rgb(12,1,76)
```
#0f015f
```
#0f015f rgb(15,1,95)
```
#120272
```
#120272 rgb(18,2,114)
```
#140286
```
#140286 rgb(20,2,134)
```
#170299
```
#170299 rgb(23,2,153)
```
#1a03ac
```
#1a03ac rgb(26,3,172)
```
#1d03c0
```
#1d03c0 rgb(29,3,192)
```
#2003d3
```
#2003d3 rgb(32,3,211)
```
#2303e6
```
#2303e6 rgb(35,3,230)
```
#2604fa
```
#2604fa rgb(38,4,250)
```

Shade Color Variation

#3615fc
```
#3615fc rgb(54,21,252)
```
#4629fc
```
#4629fc rgb(70,41,252)
```
#573cfc
```
#573cfc rgb(87,60,252)
```
#684ffc
```
#684ffc rgb(104,79,252)
```
#7863fd
```
#7863fd rgb(120,99,253)
```
#8976fd
```
#8976fd rgb(137,118,253)
```
#9a89fd
```
#9a89fd rgb(154,137,253)
```
#aa9dfe
```
#aa9dfe rgb(170,157,254)
```
#bbb0fe
```
#bbb0fe rgb(187,176,254)
```
#ccc3fe
```
#ccc3fe rgb(204,195,254)
```
#dcd7fe
```
#dcd7fe rgb(220,215,254)
```
#edeaff
```
#edeaff rgb(237,234,255)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#b7b6bd
```
#b7b6bd rgb(183,182,189)
```
#b3b1c2
```
#b3b1c2 rgb(179,177,194)
```
#afabc8
```
#afabc8 rgb(175,171,200)
```
#aca6cd
```
#aca6cd rgb(172,166,205)
```
#a8a1d2
```
#a8a1d2 rgb(168,161,210)
```
#a49bd8
```
#a49bd8 rgb(164,155,216)
```
#a096dd
```
#a096dd rgb(160,150,221)
```
#9c91e2
```
#9c91e2 rgb(156,145,226)
```
#988be8
```
#988be8 rgb(152,139,232)
```
#9586ed
```
#9586ed rgb(149,134,237)
```
#9181f2
```
#9181f2 rgb(145,129,242)
```
#8d7bf8
```
#8d7bf8 rgb(141,123,248)
```
#8976fd
```
#8976fd rgb(137,118,253)
```

Tone Color Variation

Below, you can see how #8976fd 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
#8b87a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a8cff Protanopia 1% of men
#0092f4 Deuteranopia 1% of men
#6f96a1 Tritanopia 0.001% of the population

Trichromacy

#6184fe Protanomaly 1% of men, 0.01% of women
#3188f7 Deuteranomaly 6% of men, 0.4% of women
#788ac2 Tritanomaly 0.01% of the population

#8976fd hex color

#8976fd Color Information

#8976fd Color Conversion

Color Schemes with #8976fd

Alternatives to #8976fd

#8976fd Preview

Shades and Tints of #8976fd

Tones of #8976fd

Color Blindness Simulator