#988ed1 hex color

In a RGB color space, hex #988ed1 is composed of 59.6% red, 55.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 32.1% magenta, 0% yellow and 18% black. It has a hue angle of 249 degrees, a saturation of 42.1% and a lightness of 68.8%. #988ed1 color hex could be obtained by blending #ffffff with #311da3. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 56
- B 82
RGB color chart
- C 27
- M 32
- Y 0
- K 18
CMYK color chart

● #988ed1 color description : Slightly desaturated blue.

The hexadecimal color #988ed1 has RGB values of R:152, G:142, B:209 and CMYK values of C:0.27, M:0.32, Y:0, K:0.18. Its decimal value is 9998033.

Hex triplet	988ed1	`#988ed1`
RGB Decimal	152, 142, 209	`rgb(152,142,209)`
RGB Percent	59.6, 55.7, 82	`rgb(59.6%,55.7%,82%)`
CMYK	27, 32, 0, 18
HSL	249°, 42.1, 68.8	`hsl(249,42.1%,68.8%)`
HSV (or HSB)	249°, 32.1, 82
Web Safe	9999cc	`#9999cc`

CIE-LAB	62.189, 18.359, -33.1
XYZ	34.128, 30.625, 64.431
xyY	0.264, 0.237, 30.625
CIE-LCH	62.189, 37.851, 299.015
CIE-LUV	62.189, 0.752, -54.182
Hunter-Lab	55.339, 13.239, -30.293
Binary	10011000, 10001110, 11010001

#988ed1
```
#988ed1 rgb(152,142,209)
```
#c7d18e
```
#c7d18e rgb(199,209,142)
```

Complementary Color

#8ea6d1
```
#8ea6d1 rgb(142,166,209)
```
#988ed1
```
#988ed1 rgb(152,142,209)
```
#ba8ed1
```
#ba8ed1 rgb(186,142,209)
```

Analogous Color

#a6d18e
```
#a6d18e rgb(166,209,142)
```
#988ed1
```
#988ed1 rgb(152,142,209)
```
#d1ba8e
```
#d1ba8e rgb(209,186,142)
```

Split Complementary Color

#8ed198
```
#8ed198 rgb(142,209,152)
```
#988ed1
```
#988ed1 rgb(152,142,209)
```
#d1988e
```
#d1988e rgb(209,152,142)
```

Triadic Color

#8ec7d1
```
#8ec7d1 rgb(142,199,209)
```
#988ed1
```
#988ed1 rgb(152,142,209)
```
#d1988e
```
#d1988e rgb(209,152,142)
```
#c7d18e
```
#c7d18e rgb(199,209,142)
```

Tetradic Color

#6658bb
```
#6658bb rgb(102,88,187)
```
#776ac2
```
#776ac2 rgb(119,106,194)
```
#877cca
```
#877cca rgb(135,124,202)
```
#988ed1
```
#988ed1 rgb(152,142,209)
```
#a9a0d8
```
#a9a0d8 rgb(169,160,216)
```
#b9b2e0
```
#b9b2e0 rgb(185,178,224)
```
#cac4e7
```
#cac4e7 rgb(202,196,231)
```

Monochromatic Color

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

#8e95d1
```
#8e95d1 rgb(142,149,209)
```
#8e8fd1
```
#8e8fd1 rgb(142,143,209)
```
#928ed1
```
#928ed1 rgb(146,142,209)
```
#988ed1
```
#988ed1 rgb(152,142,209)
```
#9e8ed1
```
#9e8ed1 rgb(158,142,209)
```
#a38ed1
```
#a38ed1 rgb(163,142,209)
```
#a98ed1
```
#a98ed1 rgb(169,142,209)
```

Similar Colors

Text with hexadecimal color #988ed1

This text has a font color of #988ed1.

<span style="color:#988ed1;">Text here</span>

#988ed1 background color

This paragraph has a background color of #988ed1.

<p style="background-color:#988ed1;">Content here</p>

#988ed1 border color

This element has a border color of #988ed1.

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

CSS codes

.text {color:#988ed1;}

.background {background-color:#988ed1;}

.border {border:1px solid #988ed1;}

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

#06050c
```
#06050c rgb(6,5,12)
```
#0d0b1a
```
#0d0b1a rgb(13,11,26)
```
#141028
```
#141028 rgb(20,16,40)
```
#1b1636
```
#1b1636 rgb(27,22,54)
```
#221c44
```
#221c44 rgb(34,28,68)
```
#292152
```
#292152 rgb(41,33,82)
```
#302760
```
#302760 rgb(48,39,96)
```
#372d6e
```
#372d6e rgb(55,45,110)
```
#3d327c
```
#3d327c rgb(61,50,124)
```
#44388a
```
#44388a rgb(68,56,138)
```
#4b3e98
```
#4b3e98 rgb(75,62,152)
```
#5243a6
```
#5243a6 rgb(82,67,166)
```
#5949b4
```
#5949b4 rgb(89,73,180)
```

Shade Color Variation

#6556ba
```
#6556ba rgb(101,86,186)
```
#7264c0
```
#7264c0 rgb(114,100,192)
```
#7f72c6
```
#7f72c6 rgb(127,114,198)
```
#8b80cb
```
#8b80cb rgb(139,128,203)
```
#988ed1
```
#988ed1 rgb(152,142,209)
```
#a59cd7
```
#a59cd7 rgb(165,156,215)
```
#b1aadc
```
#b1aadc rgb(177,170,220)
```
#beb8e2
```
#beb8e2 rgb(190,184,226)
```
#cbc6e8
```
#cbc6e8 rgb(203,198,232)
```
#d8d4ed
```
#d8d4ed rgb(216,212,237)
```
#e4e2f3
```
#e4e2f3 rgb(228,226,243)
```
#f1f0f9
```
#f1f0f9 rgb(241,240,249)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#adadb2
```
#adadb2 rgb(173,173,178)
```
#a9a6b9
```
#a9a6b9 rgb(169,166,185)
```
#a5a0bf
```
#a5a0bf rgb(165,160,191)
```
#a19ac5
```
#a19ac5 rgb(161,154,197)
```
#9c94cb
```
#9c94cb rgb(156,148,203)
```
#988ed1
```
#988ed1 rgb(152,142,209)
```
#9488d7
```
#9488d7 rgb(148,136,215)
```
#8f82dd
```
#8f82dd rgb(143,130,221)
```
#8b7ce3
```
#8b7ce3 rgb(139,124,227)
```
#8776e9
```
#8776e9 rgb(135,118,233)
```
#836ff0
```
#836ff0 rgb(131,111,240)
```
#7e69f6
```
#7e69f6 rgb(126,105,246)
```
#7a63fc
```
#7a63fc rgb(122,99,252)
```

Tone Color Variation

Below, you can see how #988ed1 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

#999999 Achromatopsia 0.005% of the population
#9997a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8699d7 Protanopia 1% of men
#899ad1 Deuteranopia 1% of men
#939ca8 Tritanopia 0.001% of the population

Trichromacy

#8d95d5 Protanomaly 1% of men, 0.01% of women
#8e95d1 Deuteranomaly 6% of men, 0.4% of women
#9497b7 Tritanomaly 0.01% of the population

#988ed1 hex color

#988ed1 Color Information

#988ed1 Color Conversion

Color Schemes with #988ed1

Alternatives to #988ed1

#988ed1 Preview

Shades and Tints of #988ed1

Tones of #988ed1

Color Blindness Simulator