#989bdc hex color

In a RGB color space, hex #989bdc is composed of 59.6% red, 60.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 29.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 237.4 degrees, a saturation of 49.3% and a lightness of 72.9%. #989bdc color hex could be obtained by blending #ffffff with #3137b9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 61
- B 86
RGB color chart
- C 31
- M 30
- Y 0
- K 14
CMYK color chart

● #989bdc color description : Very soft blue.

The hexadecimal color #989bdc has RGB values of R:152, G:155, B:220 and CMYK values of C:0.31, M:0.3, Y:0, K:0.14. Its decimal value is 10001372.

Hex triplet	989bdc	`#989bdc`
RGB Decimal	152, 155, 220	`rgb(152,155,220)`
RGB Percent	59.6, 60.8, 86.3	`rgb(59.6%,60.8%,86.3%)`
CMYK	31, 30, 0, 14
HSL	237.4°, 49.3, 72.9	`hsl(237.4,49.3%,72.9%)`
HSV (or HSB)	237.4°, 30.9, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.97, 13.682, -33.347
XYZ	37.586, 35.285, 72.537
xyY	0.258, 0.243, 35.285
CIE-LCH	65.97, 36.045, 292.308
CIE-LUV	65.97, -5.307, -54.478
Hunter-Lab	59.401, 8.994, -30.82
Binary	10011000, 10011011, 11011100

#989bdc
```
#989bdc rgb(152,155,220)
```
#dcd998
```
#dcd998 rgb(220,217,152)
```

Complementary Color

#98bddc
```
#98bddc rgb(152,189,220)
```
#989bdc
```
#989bdc rgb(152,155,220)
```
#b798dc
```
#b798dc rgb(183,152,220)
```

Analogous Color

#bddc98
```
#bddc98 rgb(189,220,152)
```
#989bdc
```
#989bdc rgb(152,155,220)
```
#dcb798
```
#dcb798 rgb(220,183,152)
```

Split Complementary Color

#9bdc98
```
#9bdc98 rgb(155,220,152)
```
#989bdc
```
#989bdc rgb(152,155,220)
```
#dc989b
```
#dc989b rgb(220,152,155)
```

Triadic Color

#98dcd9
```
#98dcd9 rgb(152,220,217)
```
#989bdc
```
#989bdc rgb(152,155,220)
```
#dc989b
```
#dc989b rgb(220,152,155)
```
#dcd998
```
#dcd998 rgb(220,217,152)
```

Tetradic Color

#5f64c9
```
#5f64c9 rgb(95,100,201)
```
#7276cf
```
#7276cf rgb(114,118,207)
```
#8589d6
```
#8589d6 rgb(133,137,214)
```
#989bdc
```
#989bdc rgb(152,155,220)
```
#abade2
```
#abade2 rgb(171,173,226)
```
#bec0e9
```
#bec0e9 rgb(190,192,233)
```
#d1d2ef
```
#d1d2ef rgb(209,210,239)
```

Monochromatic Color

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

#98acdc
```
#98acdc rgb(152,172,220)
```
#98a6dc
```
#98a6dc rgb(152,166,220)
```
#98a1dc
```
#98a1dc rgb(152,161,220)
```
#989bdc
```
#989bdc rgb(152,155,220)
```
#9b98dc
```
#9b98dc rgb(155,152,220)
```
#a098dc
```
#a098dc rgb(160,152,220)
```
#a698dc
```
#a698dc rgb(166,152,220)
```

Similar Colors

Text with hexadecimal color #989bdc

This text has a font color of #989bdc.

<span style="color:#989bdc;">Text here</span>

#989bdc background color

This paragraph has a background color of #989bdc.

<p style="background-color:#989bdc;">Content here</p>

#989bdc border color

This element has a border color of #989bdc.

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

CSS codes

.text {color:#989bdc;}

.background {background-color:#989bdc;}

.border {border:1px solid #989bdc;}

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

#05050e
```
#05050e rgb(5,5,14)
```
#0a0b1d
```
#0a0b1d rgb(10,11,29)
```
#0f102b
```
#0f102b rgb(15,16,43)
```
#14153a
```
#14153a rgb(20,21,58)
```
#191b49
```
#191b49 rgb(25,27,73)
```
#1e2057
```
#1e2057 rgb(30,32,87)
```
#232666
```
#232666 rgb(35,38,102)
```
#282b75
```
#282b75 rgb(40,43,117)
```
#2d3083
```
#2d3083 rgb(45,48,131)
```
#323692
```
#323692 rgb(50,54,146)
```
#373ba1
```
#373ba1 rgb(55,59,161)
```
#3c41af
```
#3c41af rgb(60,65,175)
```
#4046be
```
#4046be rgb(64,70,190)
```

Shade Color Variation

#4f54c3
```
#4f54c3 rgb(79,84,195)
```
#5d62c8
```
#5d62c8 rgb(93,98,200)
```
#6c70cd
```
#6c70cd rgb(108,112,205)
```
#7b7fd2
```
#7b7fd2 rgb(123,127,210)
```
#898dd7
```
#898dd7 rgb(137,141,215)
```
#989bdc
```
#989bdc rgb(152,155,220)
```
#a7a9e1
```
#a7a9e1 rgb(167,169,225)
```
#b5b7e6
```
#b5b7e6 rgb(181,183,230)
```
#c4c6eb
```
#c4c6eb rgb(196,198,235)
```
#d3d4f0
```
#d3d4f0 rgb(211,212,240)
```
#e1e2f5
```
#e1e2f5 rgb(225,226,245)
```
#f0f0fa
```
#f0f0fa rgb(240,240,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b8b8bc
```
#b8b8bc rgb(184,184,188)
```
#b3b3c1
```
#b3b3c1 rgb(179,179,193)
```
#adaec7
```
#adaec7 rgb(173,174,199)
```
#a8aacc
```
#a8aacc rgb(168,170,204)
```
#a3a5d1
```
#a3a5d1 rgb(163,165,209)
```
#9da0d7
```
#9da0d7 rgb(157,160,215)
```
#989bdc
```
#989bdc rgb(152,155,220)
```
#9396e1
```
#9396e1 rgb(147,150,225)
```
#8d91e7
```
#8d91e7 rgb(141,145,231)
```
#888cec
```
#888cec rgb(136,140,236)
```
#8388f1
```
#8388f1 rgb(131,136,241)
```
#7d83f7
```
#7d83f7 rgb(125,131,247)
```
#787efc
```
#787efc rgb(120,126,252)
```

Tone Color Variation

Below, you can see how #989bdc 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

#a2a2a2 Achromatopsia 0.005% of the population
#a0a1ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a3df Protanopia 1% of men
#92a3dc Deuteranopia 1% of men
#92a8b4 Tritanopia 0.001% of the population

Trichromacy

#93a0de Protanomaly 1% of men, 0.01% of women
#94a0dc Deuteranomaly 6% of men, 0.4% of women
#94a3c3 Tritanomaly 0.01% of the population

#989bdc hex color

#989bdc Color Information

#989bdc Color Conversion

Color Schemes with #989bdc

Alternatives to #989bdc

#989bdc Preview

Shades and Tints of #989bdc

Tones of #989bdc

Color Blindness Simulator