#987cf8 hex color

In a RGB color space, hex #987cf8 is composed of 59.6% red, 48.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 50% magenta, 0% yellow and 2.7% black. It has a hue angle of 253.5 degrees, a saturation of 89.9% and a lightness of 72.9%. #987cf8 color hex could be obtained by blending #fff8ff with #3100f1. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 60
- G 49
- B 97
RGB color chart
- C 39
- M 50
- Y 0
- K 3
CMYK color chart

● #987cf8 color description : Soft blue.

The hexadecimal color #987cf8 has RGB values of R:152, G:124, B:248 and CMYK values of C:0.39, M:0.5, Y:0, K:0.03. Its decimal value is 9993464.

Hex triplet	987cf8	`#987cf8`
RGB Decimal	152, 124, 248	`rgb(152,124,248)`
RGB Percent	59.6, 48.6, 97.3	`rgb(59.6%,48.6%,97.3%)`
CMYK	39, 50, 0, 3
HSL	253.5°, 89.9, 72.9	`hsl(253.5,89.9%,72.9%)`
HSV (or HSB)	253.5°, 50, 97.3
Web Safe	9966ff	`#9966ff`

CIE-LAB	59.769, 38.81, -58.596
XYZ	37.097, 27.868, 92.226
xyY	0.236, 0.177, 27.868
CIE-LCH	59.769, 70.283, 303.518
CIE-LUV	59.769, 3.833, -97.593
Hunter-Lab	52.79, 33.055, -66.63
Binary	10011000, 01111100, 11111000

#987cf8
```
#987cf8 rgb(152,124,248)
```
#dcf87c
```
#dcf87c rgb(220,248,124)
```

Complementary Color

#7c9ef8
```
#7c9ef8 rgb(124,158,248)
```
#987cf8
```
#987cf8 rgb(152,124,248)
```
#d67cf8
```
#d67cf8 rgb(214,124,248)
```

Analogous Color

#9ef87c
```
#9ef87c rgb(158,248,124)
```
#987cf8
```
#987cf8 rgb(152,124,248)
```
#f8d67c
```
#f8d67c rgb(248,214,124)
```

Split Complementary Color

#7cf898
```
#7cf898 rgb(124,248,152)
```
#987cf8
```
#987cf8 rgb(152,124,248)
```
#f8987c
```
#f8987c rgb(248,152,124)
```

Triadic Color

#7cdcf8
```
#7cdcf8 rgb(124,220,248)
```
#987cf8
```
#987cf8 rgb(152,124,248)
```
#f8987c
```
#f8987c rgb(248,152,124)
```
#dcf87c
```
#dcf87c rgb(220,248,124)
```

Tetradic Color

#5f33f4
```
#5f33f4 rgb(95,51,244)
```
#724cf5
```
#724cf5 rgb(114,76,245)
```
#8564f7
```
#8564f7 rgb(133,100,247)
```
#987cf8
```
#987cf8 rgb(152,124,248)
```
#ab94f9
```
#ab94f9 rgb(171,148,249)
```
#beacfb
```
#beacfb rgb(190,172,251)
```
#d1c5fc
```
#d1c5fc rgb(209,197,252)
```

Monochromatic Color

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

#7c7ff8
```
#7c7ff8 rgb(124,127,248)
```
#837cf8
```
#837cf8 rgb(131,124,248)
```
#8e7cf8
```
#8e7cf8 rgb(142,124,248)
```
#987cf8
```
#987cf8 rgb(152,124,248)
```
#a27cf8
```
#a27cf8 rgb(162,124,248)
```
#ad7cf8
```
#ad7cf8 rgb(173,124,248)
```
#b77cf8
```
#b77cf8 rgb(183,124,248)
```

Similar Colors

Text with hexadecimal color #987cf8

This text has a font color of #987cf8.

<span style="color:#987cf8;">Text here</span>

#987cf8 background color

This paragraph has a background color of #987cf8.

<p style="background-color:#987cf8;">Content here</p>

#987cf8 border color

This element has a border color of #987cf8.

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

CSS codes

.text {color:#987cf8;}

.background {background-color:#987cf8;}

.border {border:1px solid #987cf8;}

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

#050112
```
#050112 rgb(5,1,18)
```
#0a0225
```
#0a0225 rgb(10,2,37)
```
#0f0337
```
#0f0337 rgb(15,3,55)
```
#14044a
```
#14044a rgb(20,4,74)
```
#19055c
```
#19055c rgb(25,5,92)
```
#1e066f
```
#1e066f rgb(30,6,111)
```
#230782
```
#230782 rgb(35,7,130)
```
#280894
```
#280894 rgb(40,8,148)
```
#2d09a7
```
#2d09a7 rgb(45,9,167)
```
#320aba
```
#320aba rgb(50,10,186)
```
#370bcc
```
#370bcc rgb(55,11,204)
```
#3c0cdf
```
#3c0cdf rgb(60,12,223)
```
#400df1
```
#400df1 rgb(64,13,241)
```

Shade Color Variation

#4f1ff3
```
#4f1ff3 rgb(79,31,243)
```
#5d32f4
```
#5d32f4 rgb(93,50,244)
```
#6c44f5
```
#6c44f5 rgb(108,68,245)
```
#7b57f6
```
#7b57f6 rgb(123,87,246)
```
#8969f7
```
#8969f7 rgb(137,105,247)
```
#987cf8
```
#987cf8 rgb(152,124,248)
```
#a78ff9
```
#a78ff9 rgb(167,143,249)
```
#b5a1fa
```
#b5a1fa rgb(181,161,250)
```
#c4b4fb
```
#c4b4fb rgb(196,180,251)
```
#d3c6fc
```
#d3c6fc rgb(211,198,252)
```
#e1d9fd
```
#e1d9fd rgb(225,217,253)
```
#f0ecfe
```
#f0ecfe rgb(240,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b8b6be
```
#b8b6be rgb(184,182,190)
```
#b5b1c3
```
#b5b1c3 rgb(181,177,195)
```
#b2acc8
```
#b2acc8 rgb(178,172,200)
```
#afa6ce
```
#afa6ce rgb(175,166,206)
```
#aca1d3
```
#aca1d3 rgb(172,161,211)
```
#a99cd8
```
#a99cd8 rgb(169,156,216)
```
#a797dd
```
#a797dd rgb(167,151,221)
```
#a491e3
```
#a491e3 rgb(164,145,227)
```
#a18ce8
```
#a18ce8 rgb(161,140,232)
```
#9e87ed
```
#9e87ed rgb(158,135,237)
```
#9b81f3
```
#9b81f3 rgb(155,129,243)
```
#987cf8
```
#987cf8 rgb(152,124,248)
```
#9577fd
```
#9577fd rgb(149,119,253)
```

Tone Color Variation

Below, you can see how #987cf8 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

#939393 Achromatopsia 0.005% of the population
#948ea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b92ff Protanopia 1% of men
#4e97f0 Deuteranopia 1% of men
#8598a3 Tritanopia 0.001% of the population

Trichromacy

#718afc Protanomaly 1% of men, 0.01% of women
#698df3 Deuteranomaly 6% of men, 0.4% of women
#8b8ec2 Tritanomaly 0.01% of the population

#987cf8 hex color

#987cf8 Color Information

#987cf8 Color Conversion

Color Schemes with #987cf8

Alternatives to #987cf8

#987cf8 Preview

Shades and Tints of #987cf8

Tones of #987cf8

Color Blindness Simulator