#5d81e8 hex color

In a RGB color space, hex #5d81e8 is composed of 36.5% red, 50.6% green and 91% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 44.4% magenta, 0% yellow and 9% black. It has a hue angle of 224.5 degrees, a saturation of 75.1% and a lightness of 63.7%. #5d81e8 color hex could be obtained by blending #baffff with #0003d1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 51
- B 91
RGB color chart
- C 60
- M 44
- Y 0
- K 9
CMYK color chart

● #5d81e8 color description : Soft blue.

The hexadecimal color #5d81e8 has RGB values of R:93, G:129, B:232 and CMYK values of C:0.6, M:0.44, Y:0, K:0.09. Its decimal value is 6128104.

Hex triplet	5d81e8	`#5d81e8`
RGB Decimal	93, 129, 232	`rgb(93,129,232)`
RGB Percent	36.5, 50.6, 91	`rgb(36.5%,50.6%,91%)`
CMYK	60, 44, 0, 9
HSL	224.5°, 75.1, 63.7	`hsl(224.5,75.1%,63.7%)`
HSV (or HSB)	224.5°, 59.9, 91
Web Safe	6699ff	`#6699ff`

CIE-LAB	55.94, 18.302, -56.078
XYZ	26.927, 23.852, 79.525
xyY	0.207, 0.183, 23.852
CIE-LCH	55.94, 58.989, 288.075
CIE-LUV	55.94, -18.205, -90.115
Hunter-Lab	48.839, 12.946, -62.355
Binary	01011101, 10000001, 11101000

#5d81e8
```
#5d81e8 rgb(93,129,232)
```
#e8c45d
```
#e8c45d rgb(232,196,93)
```

Complementary Color

#5dc7e8
```
#5dc7e8 rgb(93,199,232)
```
#5d81e8
```
#5d81e8 rgb(93,129,232)
```
#7f5de8
```
#7f5de8 rgb(127,93,232)
```

Analogous Color

#c7e85d
```
#c7e85d rgb(199,232,93)
```
#5d81e8
```
#5d81e8 rgb(93,129,232)
```
#e87f5d
```
#e87f5d rgb(232,127,93)
```

Split Complementary Color

#81e85d
```
#81e85d rgb(129,232,93)
```
#5d81e8
```
#5d81e8 rgb(93,129,232)
```
#e85d81
```
#e85d81 rgb(232,93,129)
```

Triadic Color

#5de8c4
```
#5de8c4 rgb(93,232,196)
```
#5d81e8
```
#5d81e8 rgb(93,129,232)
```
#e85d81
```
#e85d81 rgb(232,93,129)
```
#e8c45d
```
#e8c45d rgb(232,196,93)
```

Tetradic Color

#1f4fda
```
#1f4fda rgb(31,79,218)
```
#305ee2
```
#305ee2 rgb(48,94,226)
```
#4770e5
```
#4770e5 rgb(71,112,229)
```
#5d81e8
```
#5d81e8 rgb(93,129,232)
```
#7392eb
```
#7392eb rgb(115,146,235)
```
#8aa4ee
```
#8aa4ee rgb(138,164,238)
```
#a0b5f2
```
#a0b5f2 rgb(160,181,242)
```

Monochromatic Color

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

#5da4e8
```
#5da4e8 rgb(93,164,232)
```
#5d98e8
```
#5d98e8 rgb(93,152,232)
```
#5d8de8
```
#5d8de8 rgb(93,141,232)
```
#5d81e8
```
#5d81e8 rgb(93,129,232)
```
#5d75e8
```
#5d75e8 rgb(93,117,232)
```
#5d6ae8
```
#5d6ae8 rgb(93,106,232)
```
#5d5ee8
```
#5d5ee8 rgb(93,94,232)
```

Similar Colors

Text with hexadecimal color #5d81e8

This text has a font color of #5d81e8.

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

#5d81e8 background color

This paragraph has a background color of #5d81e8.

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

#5d81e8 border color

This element has a border color of #5d81e8.

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

CSS codes

.text {color:#5d81e8;}

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

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

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, #01040a is the darkest color, while #f8f9fe is the lightest one.

#01040a
```
#01040a rgb(1,4,10)
```
#040a1b
```
#040a1b rgb(4,10,27)
```
#06102c
```
#06102c rgb(6,16,44)
```
#09163d
```
#09163d rgb(9,22,61)
```
#0b1d4e
```
#0b1d4e rgb(11,29,78)
```
#0e2360
```
#0e2360 rgb(14,35,96)
```
#102971
```
#102971 rgb(16,41,113)
```
#122f82
```
#122f82 rgb(18,47,130)
```
#153693
```
#153693 rgb(21,54,147)
```
#173ca4
```
#173ca4 rgb(23,60,164)
```
#1a42b6
```
#1a42b6 rgb(26,66,182)
```
#1c48c7
```
#1c48c7 rgb(28,72,199)
```
#1f4fd8
```
#1f4fd8 rgb(31,79,216)
```

Shade Color Variation

#2959e1
```
#2959e1 rgb(41,89,225)
```
#3b66e3
```
#3b66e3 rgb(59,102,227)
```
#4c74e6
```
#4c74e6 rgb(76,116,230)
```
#5d81e8
```
#5d81e8 rgb(93,129,232)
```
#6e8eea
```
#6e8eea rgb(110,142,234)
```
#7f9ced
```
#7f9ced rgb(127,156,237)
```
#91a9ef
```
#91a9ef rgb(145,169,239)
```
#a2b6f2
```
#a2b6f2 rgb(162,182,242)
```
#b3c4f4
```
#b3c4f4 rgb(179,196,244)
```
#c4d1f7
```
#c4d1f7 rgb(196,209,247)
```
#d5dff9
```
#d5dff9 rgb(213,223,249)
```
#e6ecfc
```
#e6ecfc rgb(230,236,252)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da0a8 is the less saturated color, while #4877fd is the most saturated one.

#9da0a8
```
#9da0a8 rgb(157,160,168)
```
#969caf
```
#969caf rgb(150,156,175)
```
#8f99b6
```
#8f99b6 rgb(143,153,182)
```
#8896bd
```
#8896bd rgb(136,150,189)
```
#8192c4
```
#8192c4 rgb(129,146,196)
```
#798fcc
```
#798fcc rgb(121,143,204)
```
#728bd3
```
#728bd3 rgb(114,139,211)
```
#6b88da
```
#6b88da rgb(107,136,218)
```
#6484e1
```
#6484e1 rgb(100,132,225)
```
#5d81e8
```
#5d81e8 rgb(93,129,232)
```
#567eef
```
#567eef rgb(86,126,239)
```
#4f7af6
```
#4f7af6 rgb(79,122,246)
```
#4877fd
```
#4877fd rgb(72,119,253)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7b8296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a89ea Protanopia 1% of men
#3b8de6 Deuteranopia 1% of men
#3998a3 Tritanopia 0.001% of the population

Trichromacy

#5b86e9 Protanomaly 1% of men, 0.01% of women
#4789e7 Deuteranomaly 6% of men, 0.4% of women
#468fbc Tritanomaly 0.01% of the population

#5d81e8 hex color

#5d81e8 Color Information

#5d81e8 Color Conversion

Color Schemes with #5d81e8

Alternatives to #5d81e8

#5d81e8 Preview

Shades and Tints of #5d81e8

Tones of #5d81e8

Color Blindness Simulator