#987ef4 hex color

In a RGB color space, hex #987ef4 is composed of 59.6% red, 49.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 37.7% cyan, 48.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 253.2 degrees, a saturation of 84.3% and a lightness of 72.5%. #987ef4 color hex could be obtained by blending #fffcff with #3100e9. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 60
- G 49
- B 96
RGB color chart
- C 38
- M 48
- Y 0
- K 4
CMYK color chart

● #987ef4 color description : Soft blue.

The hexadecimal color #987ef4 has RGB values of R:152, G:126, B:244 and CMYK values of C:0.38, M:0.48, Y:0, K:0.04. Its decimal value is 9993972.

Hex triplet	987ef4	`#987ef4`
RGB Decimal	152, 126, 244	`rgb(152,126,244)`
RGB Percent	59.6, 49.4, 95.7	`rgb(59.6%,49.4%,95.7%)`
CMYK	38, 48, 0, 4
HSL	253.2°, 84.3, 72.5	`hsl(253.2,84.3%,72.5%)`
HSV (or HSB)	253.2°, 48.4, 95.7
Web Safe	9966ff	`#9966ff`

CIE-LAB	60.005, 36.606, -56.011
XYZ	36.736, 28.128, 89.077
xyY	0.239, 0.183, 28.128
CIE-LCH	60.005, 66.912, 303.167
CIE-LUV	60.005, 3.582, -93.284
Hunter-Lab	53.036, 30.826, -62.455
Binary	10011000, 01111110, 11110100

#987ef4
```
#987ef4 rgb(152,126,244)
```
#daf47e
```
#daf47e rgb(218,244,126)
```

Complementary Color

#7e9ff4
```
#7e9ff4 rgb(126,159,244)
```
#987ef4
```
#987ef4 rgb(152,126,244)
```
#d37ef4
```
#d37ef4 rgb(211,126,244)
```

Analogous Color

#9ff47e
```
#9ff47e rgb(159,244,126)
```
#987ef4
```
#987ef4 rgb(152,126,244)
```
#f4d37e
```
#f4d37e rgb(244,211,126)
```

Split Complementary Color

#7ef498
```
#7ef498 rgb(126,244,152)
```
#987ef4
```
#987ef4 rgb(152,126,244)
```
#f4987e
```
#f4987e rgb(244,152,126)
```

Triadic Color

#7edaf4
```
#7edaf4 rgb(126,218,244)
```
#987ef4
```
#987ef4 rgb(152,126,244)
```
#f4987e
```
#f4987e rgb(244,152,126)
```
#daf47e
```
#daf47e rgb(218,244,126)
```

Tetradic Color

#6038ee
```
#6038ee rgb(96,56,238)
```
#724ff0
```
#724ff0 rgb(114,79,240)
```
#8567f2
```
#8567f2 rgb(133,103,242)
```
#987ef4
```
#987ef4 rgb(152,126,244)
```
#ab95f6
```
#ab95f6 rgb(171,149,246)
```
#beadf8
```
#beadf8 rgb(190,173,248)
```
#d0c4fa
```
#d0c4fa rgb(208,196,250)
```

Monochromatic Color

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

#7e82f4
```
#7e82f4 rgb(126,130,244)
```
#847ef4
```
#847ef4 rgb(132,126,244)
```
#8e7ef4
```
#8e7ef4 rgb(142,126,244)
```
#987ef4
```
#987ef4 rgb(152,126,244)
```
#a27ef4
```
#a27ef4 rgb(162,126,244)
```
#ac7ef4
```
#ac7ef4 rgb(172,126,244)
```
#b67ef4
```
#b67ef4 rgb(182,126,244)
```

Similar Colors

Text with hexadecimal color #987ef4

This text has a font color of #987ef4.

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

#987ef4 background color

This paragraph has a background color of #987ef4.

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

#987ef4 border color

This element has a border color of #987ef4.

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

CSS codes

.text {color:#987ef4;}

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

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

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

#040110
```
#040110 rgb(4,1,16)
```
#0a0322
```
#0a0322 rgb(10,3,34)
```
#0f0434
```
#0f0434 rgb(15,4,52)
```
#140646
```
#140646 rgb(20,6,70)
```
#190758
```
#190758 rgb(25,7,88)
```
#1e096a
```
#1e096a rgb(30,9,106)
```
#240b7c
```
#240b7c rgb(36,11,124)
```
#290c8e
```
#290c8e rgb(41,12,142)
```
#2e0ea0
```
#2e0ea0 rgb(46,14,160)
```
#330fb2
```
#330fb2 rgb(51,15,178)
```
#3811c4
```
#3811c4 rgb(56,17,196)
```
#3d12d6
```
#3d12d6 rgb(61,18,214)
```
#4314e8
```
#4314e8 rgb(67,20,232)
```

Shade Color Variation

#5024ec
```
#5024ec rgb(80,36,236)
```
#5e36ee
```
#5e36ee rgb(94,54,238)
```
#6d48ef
```
#6d48ef rgb(109,72,239)
```
#7b5af1
```
#7b5af1 rgb(123,90,241)
```
#8a6cf2
```
#8a6cf2 rgb(138,108,242)
```
#987ef4
```
#987ef4 rgb(152,126,244)
```
#a690f6
```
#a690f6 rgb(166,144,246)
```
#b5a2f7
```
#b5a2f7 rgb(181,162,247)
```
#c3b4f9
```
#c3b4f9 rgb(195,180,249)
```
#d2c6fa
```
#d2c6fa rgb(210,198,250)
```
#e0d8fc
```
#e0d8fc rgb(224,216,252)
```
#efeafd
```
#efeafd rgb(239,234,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#b6b4be
```
#b6b4be rgb(182,180,190)
```
#b3aec4
```
#b3aec4 rgb(179,174,196)
```
#b0a9c9
```
#b0a9c9 rgb(176,169,201)
```
#ada4ce
```
#ada4ce rgb(173,164,206)
```
#aa9ed4
```
#aa9ed4 rgb(170,158,212)
```
#a799d9
```
#a799d9 rgb(167,153,217)
```
#a494de
```
#a494de rgb(164,148,222)
```
#a18ee4
```
#a18ee4 rgb(161,142,228)
```
#9e89e9
```
#9e89e9 rgb(158,137,233)
```
#9b83ef
```
#9b83ef rgb(155,131,239)
```
#987ef4
```
#987ef4 rgb(152,126,244)
```
#9579f9
```
#9579f9 rgb(149,121,249)
```
#9273ff
```
#9273ff rgb(146,115,255)
```

Tone Color Variation

Below, you can see how #987ef4 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
#948fa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d92ff Protanopia 1% of men
#5797ed Deuteranopia 1% of men
#8699a4 Tritanopia 0.001% of the population

Trichromacy

#728bfb Protanomaly 1% of men, 0.01% of women
#6e8eef Deuteranomaly 6% of men, 0.4% of women
#8c8fc1 Tritanomaly 0.01% of the population

#987ef4 hex color

#987ef4 Color Information

#987ef4 Color Conversion

Color Schemes with #987ef4

Alternatives to #987ef4

#987ef4 Preview

Shades and Tints of #987ef4

Tones of #987ef4

Color Blindness Simulator