colorhexa.com

#5e77e1 hex color

In a RGB color space, hex #5e77e1 is composed of 36.9% red, 46.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 47.1% magenta, 0% yellow and 11.8% black. It has a hue angle of 228.5 degrees, a saturation of 68.6% and a lightness of 62.5%. #5e77e1 color hex could be obtained by blending #bceeff with #0000c3. Closest websafe color is: #6666cc.

- R 37
- G 47
- B 88
RGB color chart
- C 58
- M 47
- Y 0
- K 12
CMYK color chart

● #5e77e1 color description : Soft blue.

The hexadecimal color #5e77e1 has RGB values of R:94, G:119, B:225 and CMYK values of C:0.58, M:0.47, Y:0, K:0.12. Its decimal value is 6191073.

Hex triplet	5e77e1	`#5e77e1`
RGB Decimal	94, 119, 225	`rgb(94,119,225)`
RGB Percent	36.9, 46.7, 88.2	`rgb(36.9%,46.7%,88.2%)`
CMYK	58, 47, 0, 12
HSL	228.5°, 68.6, 62.5	`hsl(228.5,68.6%,62.5%)`
HSV (or HSB)	228.5°, 58.2, 88.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.959, 22.27, -56.93
XYZ	24.801, 21.008, 73.978
xyY	0.207, 0.175, 21.008
CIE-LCH	52.959, 61.131, 291.365
CIE-LUV	52.959, -14.649, -90.753
Hunter-Lab	45.835, 16.373, -63.611
Binary	01011110, 01110111, 11100001

#5e77e1
```
#5e77e1 rgb(94,119,225)
```
#e1c85e
```
#e1c85e rgb(225,200,94)
```

Complementary Color

#5eb9e1
```
#5eb9e1 rgb(94,185,225)
```
#5e77e1
```
#5e77e1 rgb(94,119,225)
```
#875ee1
```
#875ee1 rgb(135,94,225)
```

Analogous Color

#b9e15e
```
#b9e15e rgb(185,225,94)
```
#5e77e1
```
#5e77e1 rgb(94,119,225)
```
#e1875e
```
#e1875e rgb(225,135,94)
```

Split Complementary Color

#77e15e
```
#77e15e rgb(119,225,94)
```
#5e77e1
```
#5e77e1 rgb(94,119,225)
```
#e15e77
```
#e15e77 rgb(225,94,119)
```

Triadic Color

#5ee1c8
```
#5ee1c8 rgb(94,225,200)
```
#5e77e1
```
#5e77e1 rgb(94,119,225)
```
#e15e77
```
#e15e77 rgb(225,94,119)
```
#e1c85e
```
#e1c85e rgb(225,200,94)
```

Tetradic Color

#2646cc
```
#2646cc rgb(38,70,204)
```
#3353d9
```
#3353d9 rgb(51,83,217)
```
#4965dd
```
#4965dd rgb(73,101,221)
```
#5e77e1
```
#5e77e1 rgb(94,119,225)
```
#7389e5
```
#7389e5 rgb(115,137,229)
```
#899be9
```
#899be9 rgb(137,155,233)
```
#9eaded
```
#9eaded rgb(158,173,237)
```

Monochromatic Color

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

#5e98e1
```
#5e98e1 rgb(94,152,225)
```
#5e8de1
```
#5e8de1 rgb(94,141,225)
```
#5e82e1
```
#5e82e1 rgb(94,130,225)
```
#5e77e1
```
#5e77e1 rgb(94,119,225)
```
#5e6ce1
```
#5e6ce1 rgb(94,108,225)
```
#5e61e1
```
#5e61e1 rgb(94,97,225)
```
#665ee1
```
#665ee1 rgb(102,94,225)
```

Similar Colors

Text with hexadecimal color #5e77e1

This text has a font color of #5e77e1.

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

#5e77e1 background color

This paragraph has a background color of #5e77e1.

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

#5e77e1 border color

This element has a border color of #5e77e1.

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

CSS codes

.text {color:#5e77e1;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040715
```
#040715 rgb(4,7,21)
```
#070d25
```
#070d25 rgb(7,13,37)
```
#0a1236
```
#0a1236 rgb(10,18,54)
```
#0d1846
```
#0d1846 rgb(13,24,70)
```
#101e57
```
#101e57 rgb(16,30,87)
```
#132368
```
#132368 rgb(19,35,104)
```
#162978
```
#162978 rgb(22,41,120)
```
#192f89
```
#192f89 rgb(25,47,137)
```
#1d3499
```
#1d3499 rgb(29,52,153)
```
#203aaa
```
#203aaa rgb(32,58,170)
```
#2340ba
```
#2340ba rgb(35,64,186)
```
#2645cb
```
#2645cb rgb(38,69,203)
```

Shade Color Variation

#2c4dd8
```
#2c4dd8 rgb(44,77,216)
```
#3d5bdb
```
#3d5bdb rgb(61,91,219)
```
#4d69de
```
#4d69de rgb(77,105,222)
```
#5e77e1
```
#5e77e1 rgb(94,119,225)
```
#6f85e4
```
#6f85e4 rgb(111,133,228)
```
#7f93e7
```
#7f93e7 rgb(127,147,231)
```
#90a1ea
```
#90a1ea rgb(144,161,234)
```
#a0afed
```
#a0afed rgb(160,175,237)
```
#b1bdf0
```
#b1bdf0 rgb(177,189,240)
```
#c1cbf3
```
#c1cbf3 rgb(193,203,243)
```
#d2d9f7
```
#d2d9f7 rgb(210,217,247)
```
#e2e7fa
```
#e2e7fa rgb(226,231,250)
```
#f3f5fd
```
#f3f5fd rgb(243,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999ba6 is the less saturated color, while #4165fe is the most saturated one.

#999ba6
```
#999ba6 rgb(153,155,166)
```
#9197ae
```
#9197ae rgb(145,151,174)
```
#8a92b5
```
#8a92b5 rgb(138,146,181)
```
#838ebc
```
#838ebc rgb(131,142,188)
```
#7b89c4
```
#7b89c4 rgb(123,137,196)
```
#7485cb
```
#7485cb rgb(116,133,203)
```
#6d80d2
```
#6d80d2 rgb(109,128,210)
```
#657cda
```
#657cda rgb(101,124,218)
```
#5e77e1
```
#5e77e1 rgb(94,119,225)
```
#5772e8
```
#5772e8 rgb(87,114,232)
```
#4f6ef0
```
#4f6ef0 rgb(79,110,240)
```
#4869f7
```
#4869f7 rgb(72,105,247)
```
#4165fe
```
#4165fe rgb(65,101,254)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#767b90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d81e5 Protanopia 1% of men
#2786de Deuteranopia 1% of men
#3d909a Tritanopia 0.001% of the population

Trichromacy

#537de4 Protanomaly 1% of men, 0.01% of women
#3b81df Deuteranomaly 6% of men, 0.4% of women
#4986b4 Tritanomaly 0.01% of the population