#989fd5 hex color

In a RGB color space, hex #989fd5 is composed of 59.6% red, 62.4% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 25.4% magenta, 0% yellow and 16.5% black. It has a hue angle of 233.1 degrees, a saturation of 42.1% and a lightness of 71.6%. #989fd5 color hex could be obtained by blending #ffffff with #313fab. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 62
- B 84
RGB color chart
- C 29
- M 25
- Y 0
- K 16
CMYK color chart

● #989fd5 color description : Slightly desaturated blue.

The hexadecimal color #989fd5 has RGB values of R:152, G:159, B:213 and CMYK values of C:0.29, M:0.25, Y:0, K:0.16. Its decimal value is 10002389.

Hex triplet	989fd5	`#989fd5`
RGB Decimal	152, 159, 213	`rgb(152,159,213)`
RGB Percent	59.6, 62.4, 83.5	`rgb(59.6%,62.4%,83.5%)`
CMYK	29, 25, 0, 16
HSL	233.1°, 42.1, 71.6	`hsl(233.1,42.1%,71.6%)`
HSV (or HSB)	233.1°, 28.6, 83.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.73, 9.653, -28.301
XYZ	37.355, 36.275, 67.981
xyY	0.264, 0.256, 36.275
CIE-LCH	66.73, 29.902, 288.834
CIE-LUV	66.73, -6.592, -45.689
Hunter-Lab	60.229, 5.308, -24.761
Binary	10011000, 10011111, 11010101

#989fd5
```
#989fd5 rgb(152,159,213)
```
#d5ce98
```
#d5ce98 rgb(213,206,152)
```

Complementary Color

#98bed5
```
#98bed5 rgb(152,190,213)
```
#989fd5
```
#989fd5 rgb(152,159,213)
```
#b098d5
```
#b098d5 rgb(176,152,213)
```

Analogous Color

#bed598
```
#bed598 rgb(190,213,152)
```
#989fd5
```
#989fd5 rgb(152,159,213)
```
#d5b098
```
#d5b098 rgb(213,176,152)
```

Split Complementary Color

#9fd598
```
#9fd598 rgb(159,213,152)
```
#989fd5
```
#989fd5 rgb(152,159,213)
```
#d5989f
```
#d5989f rgb(213,152,159)
```

Triadic Color

#98d5ce
```
#98d5ce rgb(152,213,206)
```
#989fd5
```
#989fd5 rgb(152,159,213)
```
#d5989f
```
#d5989f rgb(213,152,159)
```
#d5ce98
```
#d5ce98 rgb(213,206,152)
```

Tetradic Color

#626cbf
```
#626cbf rgb(98,108,191)
```
#747dc6
```
#747dc6 rgb(116,125,198)
```
#868ece
```
#868ece rgb(134,142,206)
```
#989fd5
```
#989fd5 rgb(152,159,213)
```
#aab0dc
```
#aab0dc rgb(170,176,220)
```
#bcc1e4
```
#bcc1e4 rgb(188,193,228)
```
#ced2eb
```
#ced2eb rgb(206,210,235)
```

Monochromatic Color

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

#98aed5
```
#98aed5 rgb(152,174,213)
```
#98a9d5
```
#98a9d5 rgb(152,169,213)
```
#98a4d5
```
#98a4d5 rgb(152,164,213)
```
#989fd5
```
#989fd5 rgb(152,159,213)
```
#989ad5
```
#989ad5 rgb(152,154,213)
```
#9b98d5
```
#9b98d5 rgb(155,152,213)
```
#a098d5
```
#a098d5 rgb(160,152,213)
```

Similar Colors

Text with hexadecimal color #989fd5

This text has a font color of #989fd5.

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

#989fd5 background color

This paragraph has a background color of #989fd5.

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

#989fd5 border color

This element has a border color of #989fd5.

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

CSS codes

.text {color:#989fd5;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#090b16
```
#090b16 rgb(9,11,22)
```
#0f1124
```
#0f1124 rgb(15,17,36)
```
#141832
```
#141832 rgb(20,24,50)
```
#1a1f40
```
#1a1f40 rgb(26,31,64)
```
#20254e
```
#20254e rgb(32,37,78)
```
#262c5c
```
#262c5c rgb(38,44,92)
```
#2b326a
```
#2b326a rgb(43,50,106)
```
#313978
```
#313978 rgb(49,57,120)
```
#374086
```
#374086 rgb(55,64,134)
```
#3c4694
```
#3c4694 rgb(60,70,148)
```
#424da2
```
#424da2 rgb(66,77,162)
```
#4854b0
```
#4854b0 rgb(72,84,176)
```

Shade Color Variation

#525eb9
```
#525eb9 rgb(82,94,185)
```
#606bbe
```
#606bbe rgb(96,107,190)
```
#6e78c4
```
#6e78c4 rgb(110,120,196)
```
#7c85ca
```
#7c85ca rgb(124,133,202)
```
#8a92cf
```
#8a92cf rgb(138,146,207)
```
#989fd5
```
#989fd5 rgb(152,159,213)
```
#a6acdb
```
#a6acdb rgb(166,172,219)
```
#b4b9e0
```
#b4b9e0 rgb(180,185,224)
```
#c2c6e6
```
#c2c6e6 rgb(194,198,230)
```
#d0d3ec
```
#d0d3ec rgb(208,211,236)
```
#dee0f1
```
#dee0f1 rgb(222,224,241)
```
#ecedf7
```
#ecedf7 rgb(236,237,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#b4b4b9
```
#b4b4b9 rgb(180,180,185)
```
#aeb0bf
```
#aeb0bf rgb(174,176,191)
```
#a9acc4
```
#a9acc4 rgb(169,172,196)
```
#a3a8ca
```
#a3a8ca rgb(163,168,202)
```
#9ea3cf
```
#9ea3cf rgb(158,163,207)
```
#989fd5
```
#989fd5 rgb(152,159,213)
```
#929bdb
```
#929bdb rgb(146,155,219)
```
#8d96e0
```
#8d96e0 rgb(141,150,224)
```
#8792e6
```
#8792e6 rgb(135,146,230)
```
#828eeb
```
#828eeb rgb(130,142,235)
```
#7c8af1
```
#7c8af1 rgb(124,138,241)
```
#7785f6
```
#7785f6 rgb(119,133,246)
```
#7181fc
```
#7181fc rgb(113,129,252)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a1a2ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a5d8 Protanopia 1% of men
#9aa4d6 Deuteranopia 1% of men
#95aab6 Tritanopia 0.001% of the population

Trichromacy

#98a3d6 Protanomaly 1% of men, 0.01% of women
#99a2d6 Deuteranomaly 6% of men, 0.4% of women
#96a6c1 Tritanomaly 0.01% of the population

#989fd5 hex color

#989fd5 Color Information

#989fd5 Color Conversion

Color Schemes with #989fd5

Alternatives to #989fd5

#989fd5 Preview

Shades and Tints of #989fd5

Tones of #989fd5

Color Blindness Simulator