#5d81e4 hex color

In a RGB color space, hex #5d81e4 is composed of 36.5% red, 50.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 43.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 224 degrees, a saturation of 71.4% and a lightness of 62.9%. #5d81e4 color hex could be obtained by blending #baffff with #0003c9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 51
- B 89
RGB color chart
- C 59
- M 43
- Y 0
- K 11
CMYK color chart

● #5d81e4 color description : Soft blue.

The hexadecimal color #5d81e4 has RGB values of R:93, G:129, B:228 and CMYK values of C:0.59, M:0.43, Y:0, K:0.11. Its decimal value is 6128100.

Hex triplet	5d81e4	`#5d81e4`
RGB Decimal	93, 129, 228	`rgb(93,129,228)`
RGB Percent	36.5, 50.6, 89.4	`rgb(36.5%,50.6%,89.4%)`
CMYK	59, 43, 0, 11
HSL	224°, 71.4, 62.9	`hsl(224,71.4%,62.9%)`
HSV (or HSB)	224°, 59.2, 89.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.713, 16.979, -54.207
XYZ	26.365, 23.628, 76.566
xyY	0.208, 0.187, 23.628
CIE-LCH	55.713, 56.804, 287.392
CIE-LUV	55.713, -18.172, -86.915
Hunter-Lab	48.608, 11.754, -59.365
Binary	01011101, 10000001, 11100100

#5d81e4
```
#5d81e4 rgb(93,129,228)
```
#e4c05d
```
#e4c05d rgb(228,192,93)
```

Complementary Color

#5dc5e4
```
#5dc5e4 rgb(93,197,228)
```
#5d81e4
```
#5d81e4 rgb(93,129,228)
```
#7d5de4
```
#7d5de4 rgb(125,93,228)
```

Analogous Color

#c5e45d
```
#c5e45d rgb(197,228,93)
```
#5d81e4
```
#5d81e4 rgb(93,129,228)
```
#e47d5d
```
#e47d5d rgb(228,125,93)
```

Split Complementary Color

#81e45d
```
#81e45d rgb(129,228,93)
```
#5d81e4
```
#5d81e4 rgb(93,129,228)
```
#e45d81
```
#e45d81 rgb(228,93,129)
```

Triadic Color

#5de4c0
```
#5de4c0 rgb(93,228,192)
```
#5d81e4
```
#5d81e4 rgb(93,129,228)
```
#e45d81
```
#e45d81 rgb(228,93,129)
```
#e4c05d
```
#e4c05d rgb(228,192,93)
```

Tetradic Color

#2352d2
```
#2352d2 rgb(35,82,210)
```
#315fdd
```
#315fdd rgb(49,95,221)
```
#4770e0
```
#4770e0 rgb(71,112,224)
```
#5d81e4
```
#5d81e4 rgb(93,129,228)
```
#7392e8
```
#7392e8 rgb(115,146,232)
```
#89a3eb
```
#89a3eb rgb(137,163,235)
```
#9fb4ef
```
#9fb4ef rgb(159,180,239)
```

Monochromatic Color

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

#5da3e4
```
#5da3e4 rgb(93,163,228)
```
#5d98e4
```
#5d98e4 rgb(93,152,228)
```
#5d8ce4
```
#5d8ce4 rgb(93,140,228)
```
#5d81e4
```
#5d81e4 rgb(93,129,228)
```
#5d76e4
```
#5d76e4 rgb(93,118,228)
```
#5d6be4
```
#5d6be4 rgb(93,107,228)
```
#5d5fe4
```
#5d5fe4 rgb(93,95,228)
```

Similar Colors

Text with hexadecimal color #5d81e4

This text has a font color of #5d81e4.

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

#5d81e4 background color

This paragraph has a background color of #5d81e4.

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

#5d81e4 border color

This element has a border color of #5d81e4.

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

CSS codes

.text {color:#5d81e4;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#040917
```
#040917 rgb(4,9,23)
```
#070f28
```
#070f28 rgb(7,15,40)
```
#091639
```
#091639 rgb(9,22,57)
```
#0c1d49
```
#0c1d49 rgb(12,29,73)
```
#0f235a
```
#0f235a rgb(15,35,90)
```
#122a6b
```
#122a6b rgb(18,42,107)
```
#15307c
```
#15307c rgb(21,48,124)
```
#17378d
```
#17378d rgb(23,55,141)
```
#1a3d9d
```
#1a3d9d rgb(26,61,157)
```
#1d44ae
```
#1d44ae rgb(29,68,174)
```
#204abf
```
#204abf rgb(32,74,191)
```
#2351d0
```
#2351d0 rgb(35,81,208)
```

Shade Color Variation

#2b5adc
```
#2b5adc rgb(43,90,220)
```
#3b67de
```
#3b67de rgb(59,103,222)
```
#4c74e1
```
#4c74e1 rgb(76,116,225)
```
#5d81e4
```
#5d81e4 rgb(93,129,228)
```
#6e8ee7
```
#6e8ee7 rgb(110,142,231)
```
#7f9bea
```
#7f9bea rgb(127,155,234)
```
#8fa8ec
```
#8fa8ec rgb(143,168,236)
```
#a0b5ef
```
#a0b5ef rgb(160,181,239)
```
#b1c2f2
```
#b1c2f2 rgb(177,194,242)
```
#c2cff5
```
#c2cff5 rgb(194,207,245)
```
#d3ddf8
```
#d3ddf8 rgb(211,221,248)
```
#e4eafa
```
#e4eafa rgb(228,234,250)
```
#f4f7fd
```
#f4f7fd rgb(244,247,253)
```

Tint Color Variation

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

#9ea0a3
```
#9ea0a3 rgb(158,160,163)
```
#979caa
```
#979caa rgb(151,156,170)
```
#9099b1
```
#9099b1 rgb(144,153,177)
```
#8995b8
```
#8995b8 rgb(137,149,184)
```
#8192c0
```
#8192c0 rgb(129,146,192)
```
#7a8fc7
```
#7a8fc7 rgb(122,143,199)
```
#738bce
```
#738bce rgb(115,139,206)
```
#6c88d5
```
#6c88d5 rgb(108,136,213)
```
#6484dd
```
#6484dd rgb(100,132,221)
```
#5d81e4
```
#5d81e4 rgb(93,129,228)
```
#567eeb
```
#567eeb rgb(86,126,235)
```
#4e7af3
```
#4e7af3 rgb(78,122,243)
```
#4777fa
```
#4777fa rgb(71,119,250)
```

Tone Color Variation

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

#5d88e6 Protanopia 1% of men
#428de3 Deuteranopia 1% of men
#3d97a2 Tritanopia 0.001% of the population

Trichromacy

#5d85e5 Protanomaly 1% of men, 0.01% of women
#4c88e3 Deuteranomaly 6% of men, 0.4% of women
#488fba Tritanomaly 0.01% of the population

#5d81e4 hex color

#5d81e4 Color Information

#5d81e4 Color Conversion

Color Schemes with #5d81e4

Alternatives to #5d81e4

#5d81e4 Preview

Shades and Tints of #5d81e4

Tones of #5d81e4

Color Blindness Simulator