#5e85e4 hex color

In a RGB color space, hex #5e85e4 is composed of 36.9% red, 52.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 41.7% magenta, 0% yellow and 10.6% black. It has a hue angle of 222.5 degrees, a saturation of 71.3% and a lightness of 63.1%. #5e85e4 color hex could be obtained by blending #bcffff with #000bc9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 52
- B 89
RGB color chart
- C 59
- M 42
- Y 0
- K 11
CMYK color chart

● #5e85e4 color description : Soft blue.

The hexadecimal color #5e85e4 has RGB values of R:94, G:133, B:228 and CMYK values of C:0.59, M:0.42, Y:0, K:0.11. Its decimal value is 6194660.

Hex triplet	5e85e4	`#5e85e4`
RGB Decimal	94, 133, 228	`rgb(94,133,228)`
RGB Percent	36.9, 52.2, 89.4	`rgb(36.9%,52.2%,89.4%)`
CMYK	59, 42, 0, 11
HSL	222.5°, 71.3, 63.1	`hsl(222.5,71.3%,63.1%)`
HSV (or HSB)	222.5°, 58.8, 89.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.836, 14.754, -52.414
XYZ	27.004, 24.755, 76.75
xyY	0.21, 0.193, 24.755
CIE-LCH	56.836, 54.451, 285.722
CIE-LUV	56.836, -19.207, -84.153
Hunter-Lab	49.754, 9.812, -56.632
Binary	01011110, 10000101, 11100100

#5e85e4
```
#5e85e4 rgb(94,133,228)
```
#e4bd5e
```
#e4bd5e rgb(228,189,94)
```

Complementary Color

#5ec8e4
```
#5ec8e4 rgb(94,200,228)
```
#5e85e4
```
#5e85e4 rgb(94,133,228)
```
#7a5ee4
```
#7a5ee4 rgb(122,94,228)
```

Analogous Color

#c8e45e
```
#c8e45e rgb(200,228,94)
```
#5e85e4
```
#5e85e4 rgb(94,133,228)
```
#e47a5e
```
#e47a5e rgb(228,122,94)
```

Split Complementary Color

#85e45e
```
#85e45e rgb(133,228,94)
```
#5e85e4
```
#5e85e4 rgb(94,133,228)
```
#e45e85
```
#e45e85 rgb(228,94,133)
```

Triadic Color

#5ee4bd
```
#5ee4bd rgb(94,228,189)
```
#5e85e4
```
#5e85e4 rgb(94,133,228)
```
#e45e85
```
#e45e85 rgb(228,94,133)
```
#e4bd5e
```
#e4bd5e rgb(228,189,94)
```

Tetradic Color

#2356d2
```
#2356d2 rgb(35,86,210)
```
#3264dd
```
#3264dd rgb(50,100,221)
```
#4874e0
```
#4874e0 rgb(72,116,224)
```
#5e85e4
```
#5e85e4 rgb(94,133,228)
```
#7496e8
```
#7496e8 rgb(116,150,232)
```
#8aa6eb
```
#8aa6eb rgb(138,166,235)
```
#a0b7ef
```
#a0b7ef rgb(160,183,239)
```

Monochromatic Color

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

#5ea7e4
```
#5ea7e4 rgb(94,167,228)
```
#5e9be4
```
#5e9be4 rgb(94,155,228)
```
#5e90e4
```
#5e90e4 rgb(94,144,228)
```
#5e85e4
```
#5e85e4 rgb(94,133,228)
```
#5e7ae4
```
#5e7ae4 rgb(94,122,228)
```
#5e6fe4
```
#5e6fe4 rgb(94,111,228)
```
#5e64e4
```
#5e64e4 rgb(94,100,228)
```

Similar Colors

Text with hexadecimal color #5e85e4

This text has a font color of #5e85e4.

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

#5e85e4 background color

This paragraph has a background color of #5e85e4.

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

#5e85e4 border color

This element has a border color of #5e85e4.

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

CSS codes

.text {color:#5e85e4;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#040a18
```
#040a18 rgb(4,10,24)
```
#071129
```
#071129 rgb(7,17,41)
```
#0a1839
```
#0a1839 rgb(10,24,57)
```
#0c1e4a
```
#0c1e4a rgb(12,30,74)
```
#0f255b
```
#0f255b rgb(15,37,91)
```
#122c6c
```
#122c6c rgb(18,44,108)
```
#15337d
```
#15337d rgb(21,51,125)
```
#183a8d
```
#183a8d rgb(24,58,141)
```
#1b419e
```
#1b419e rgb(27,65,158)
```
#1d48af
```
#1d48af rgb(29,72,175)
```
#204fc0
```
#204fc0 rgb(32,79,192)
```
#2355d1
```
#2355d1 rgb(35,85,209)
```

Shade Color Variation

#2c5fdc
```
#2c5fdc rgb(44,95,220)
```
#3c6cde
```
#3c6cde rgb(60,108,222)
```
#4d78e1
```
#4d78e1 rgb(77,120,225)
```
#5e85e4
```
#5e85e4 rgb(94,133,228)
```
#6f92e7
```
#6f92e7 rgb(111,146,231)
```
#809eea
```
#809eea rgb(128,158,234)
```
#90abec
```
#90abec rgb(144,171,236)
```
#a1b8ef
```
#a1b8ef rgb(161,184,239)
```
#b2c5f2
```
#b2c5f2 rgb(178,197,242)
```
#c3d1f5
```
#c3d1f5 rgb(195,209,245)
```
#d4def8
```
#d4def8 rgb(212,222,248)
```
#e4ebfb
```
#e4ebfb rgb(228,235,251)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#9fa0a3
```
#9fa0a3 rgb(159,160,163)
```
#989daa
```
#989daa rgb(152,157,170)
```
#919ab1
```
#919ab1 rgb(145,154,177)
```
#8997b9
```
#8997b9 rgb(137,151,185)
```
#8294c0
```
#8294c0 rgb(130,148,192)
```
#7b91c7
```
#7b91c7 rgb(123,145,199)
```
#748ece
```
#748ece rgb(116,142,206)
```
#6c8bd6
```
#6c8bd6 rgb(108,139,214)
```
#6588dd
```
#6588dd rgb(101,136,221)
```
#5e85e4
```
#5e85e4 rgb(94,133,228)
```
#5782eb
```
#5782eb rgb(87,130,235)
```
#507ff2
```
#507ff2 rgb(80,127,242)
```
#487cfa
```
#487cfa rgb(72,124,250)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7c8497 Atypical Achromatopsia 0.001% of the population

Dichromacy

#648be5 Protanopia 1% of men
#4d8fe3 Deuteranopia 1% of men
#419aa5 Tritanopia 0.001% of the population

Trichromacy

#6289e5 Protanomaly 1% of men, 0.01% of women
#538be3 Deuteranomaly 6% of men, 0.4% of women
#4b92bc Tritanomaly 0.01% of the population

#5e85e4 hex color

#5e85e4 Color Information

#5e85e4 Color Conversion

Color Schemes with #5e85e4

Alternatives to #5e85e4

#5e85e4 Preview

Shades and Tints of #5e85e4

Tones of #5e85e4

Color Blindness Simulator