#5d89f5 hex color

In a RGB color space, hex #5d89f5 is composed of 36.5% red, 53.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 44.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 222.6 degrees, a saturation of 88.4% and a lightness of 66.3%. #5d89f5 color hex could be obtained by blending #baffff with #0013eb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 54
- B 96
RGB color chart
- C 62
- M 44
- Y 0
- K 4
CMYK color chart

● #5d89f5 color description : Soft blue.

The hexadecimal color #5d89f5 has RGB values of R:93, G:137, B:245 and CMYK values of C:0.62, M:0.44, Y:0, K:0.04. Its decimal value is 6130165.

Hex triplet	5d89f5	`#5d89f5`
RGB Decimal	93, 137, 245	`rgb(93,137,245)`
RGB Percent	36.5, 53.7, 96.1	`rgb(36.5%,53.7%,96.1%)`
CMYK	62, 44, 0, 4
HSL	222.6°, 88.4, 66.3	`hsl(222.6,88.4%,66.3%)`
HSV (or HSB)	222.6°, 62, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.797, 17.794, -58.721
XYZ	29.938, 26.809, 89.978
xyY	0.204, 0.183, 26.809
CIE-LCH	58.797, 61.358, 286.858
CIE-LUV	58.797, -20.835, -95.265
Hunter-Lab	51.778, 12.597, -66.789
Binary	01011101, 10001001, 11110101

#5d89f5
```
#5d89f5 rgb(93,137,245)
```
#f5c95d
```
#f5c95d rgb(245,201,93)
```

Complementary Color

#5dd5f5
```
#5dd5f5 rgb(93,213,245)
```
#5d89f5
```
#5d89f5 rgb(93,137,245)
```
#7d5df5
```
#7d5df5 rgb(125,93,245)
```

Analogous Color

#d5f55d
```
#d5f55d rgb(213,245,93)
```
#5d89f5
```
#5d89f5 rgb(93,137,245)
```
#f57d5d
```
#f57d5d rgb(245,125,93)
```

Split Complementary Color

#89f55d
```
#89f55d rgb(137,245,93)
```
#5d89f5
```
#5d89f5 rgb(93,137,245)
```
#f55d89
```
#f55d89 rgb(245,93,137)
```

Triadic Color

#5df5c9
```
#5df5c9 rgb(93,245,201)
```
#5d89f5
```
#5d89f5 rgb(93,137,245)
```
#f55d89
```
#f55d89 rgb(245,93,137)
```
#f5c95d
```
#f5c95d rgb(245,201,93)
```

Tetradic Color

#1555f1
```
#1555f1 rgb(21,85,241)
```
#2d66f2
```
#2d66f2 rgb(45,102,242)
```
#4578f4
```
#4578f4 rgb(69,120,244)
```
#5d89f5
```
#5d89f5 rgb(93,137,245)
```
#759af6
```
#759af6 rgb(117,154,246)
```
#8dacf8
```
#8dacf8 rgb(141,172,248)
```
#a5bdf9
```
#a5bdf9 rgb(165,189,249)
```

Monochromatic Color

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

#5daff5
```
#5daff5 rgb(93,175,245)
```
#5da2f5
```
#5da2f5 rgb(93,162,245)
```
#5d96f5
```
#5d96f5 rgb(93,150,245)
```
#5d89f5
```
#5d89f5 rgb(93,137,245)
```
#5d7cf5
```
#5d7cf5 rgb(93,124,245)
```
#5d70f5
```
#5d70f5 rgb(93,112,245)
```
#5d63f5
```
#5d63f5 rgb(93,99,245)
```

Similar Colors

Text with hexadecimal color #5d89f5

This text has a font color of #5d89f5.

<span style="color:#5d89f5;">Text here</span>

#5d89f5 background color

This paragraph has a background color of #5d89f5.

<p style="background-color:#5d89f5;">Content here</p>

#5d89f5 border color

This element has a border color of #5d89f5.

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

CSS codes

.text {color:#5d89f5;}

.background {background-color:#5d89f5;}

.border {border:1px solid #5d89f5;}

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

#000104
```
#000104 rgb(0,1,4)
```
#010817
```
#010817 rgb(1,8,23)
```
#030e29
```
#030e29 rgb(3,14,41)
```
#04143c
```
#04143c rgb(4,20,60)
```
#051a4e
```
#051a4e rgb(5,26,78)
```
#062061
```
#062061 rgb(6,32,97)
```
#072673
```
#072673 rgb(7,38,115)
```
#082d86
```
#082d86 rgb(8,45,134)
```
#093398
```
#093398 rgb(9,51,152)
```
#0b39ab
```
#0b39ab rgb(11,57,171)
```
#0c3fbd
```
#0c3fbd rgb(12,63,189)
```
#0d45cf
```
#0d45cf rgb(13,69,207)
```
#0e4be2
```
#0e4be2 rgb(14,75,226)
```

Shade Color Variation

#1353f0
```
#1353f0 rgb(19,83,240)
```
#2661f2
```
#2661f2 rgb(38,97,242)
```
#386ef3
```
#386ef3 rgb(56,110,243)
```
#4b7cf4
```
#4b7cf4 rgb(75,124,244)
```
#5d89f5
```
#5d89f5 rgb(93,137,245)
```
#6f96f6
```
#6f96f6 rgb(111,150,246)
```
#82a4f7
```
#82a4f7 rgb(130,164,247)
```
#94b1f8
```
#94b1f8 rgb(148,177,248)
```
#a7bffa
```
#a7bffa rgb(167,191,250)
```
#b9ccfb
```
#b9ccfb rgb(185,204,251)
```
#ccdafc
```
#ccdafc rgb(204,218,252)
```
#dee7fd
```
#dee7fd rgb(222,231,253)
```
#f1f5fe
```
#f1f5fe rgb(241,245,254)
```

Tint Color Variation

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

#a6a8ac
```
#a6a8ac rgb(166,168,172)
```
#9fa5b3
```
#9fa5b3 rgb(159,165,179)
```
#99a2b9
```
#99a2b9 rgb(153,162,185)
```
#929fc0
```
#929fc0 rgb(146,159,192)
```
#8b9cc7
```
#8b9cc7 rgb(139,156,199)
```
#859acd
```
#859acd rgb(133,154,205)
```
#7e97d4
```
#7e97d4 rgb(126,151,212)
```
#7794db
```
#7794db rgb(119,148,219)
```
#7191e1
```
#7191e1 rgb(113,145,225)
```
#6a8fe8
```
#6a8fe8 rgb(106,143,232)
```
#648cee
```
#648cee rgb(100,140,238)
```
#5d89f5
```
#5d89f5 rgb(93,137,245)
```
#5686fc
```
#5686fc rgb(86,134,252)
```

Tone Color Variation

Below, you can see how #5d89f5 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

#888888 Achromatopsia 0.005% of the population
#7f889e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f90f6 Protanopia 1% of men
#3b95f2 Deuteranopia 1% of men
#2fa0ac Tritanopia 0.001% of the population

Trichromacy

#5e8df5 Protanomaly 1% of men, 0.01% of women
#4790f3 Deuteranomaly 6% of men, 0.4% of women
#4098c6 Tritanomaly 0.01% of the population

#5d89f5 hex color

#5d89f5 Color Information

#5d89f5 Color Conversion

Color Schemes with #5d89f5

Alternatives to #5d89f5

#5d89f5 Preview

Shades and Tints of #5d89f5

Tones of #5d89f5

Color Blindness Simulator