#5377e9 hex color

In a RGB color space, hex #5377e9 is composed of 32.5% red, 46.7% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 48.9% magenta, 0% yellow and 8.6% black. It has a hue angle of 225.6 degrees, a saturation of 77.3% and a lightness of 62%. #5377e9 color hex could be obtained by blending #a6eeff with #0000d3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 47
- B 91
RGB color chart
- C 64
- M 49
- Y 0
- K 9
CMYK color chart

● #5377e9 color description : Soft blue.

The hexadecimal color #5377e9 has RGB values of R:83, G:119, B:233 and CMYK values of C:0.64, M:0.49, Y:0, K:0.09. Its decimal value is 5470185.

Hex triplet	5377e9	`#5377e9`
RGB Decimal	83, 119, 233	`rgb(83,119,233)`
RGB Percent	32.5, 46.7, 91.4	`rgb(32.5%,46.7%,91.4%)`
CMYK	64, 49, 0, 9
HSL	225.6°, 77.3, 62	`hsl(225.6,77.3%,62%)`
HSV (or HSB)	225.6°, 64.4, 91.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.856, 23.007, -61.613
XYZ	24.869, 20.914, 79.813
xyY	0.198, 0.167, 20.914
CIE-LCH	52.856, 65.768, 290.476
CIE-LUV	52.856, -17.689, -98.047
Hunter-Lab	45.732, 17.036, -71.461
Binary	01010011, 01110111, 11101001

#5377e9
```
#5377e9 rgb(83,119,233)
```
#e9c553
```
#e9c553 rgb(233,197,83)
```

Complementary Color

#53c2e9
```
#53c2e9 rgb(83,194,233)
```
#5377e9
```
#5377e9 rgb(83,119,233)
```
#7a53e9
```
#7a53e9 rgb(122,83,233)
```

Analogous Color

#c2e953
```
#c2e953 rgb(194,233,83)
```
#5377e9
```
#5377e9 rgb(83,119,233)
```
#e97a53
```
#e97a53 rgb(233,122,83)
```

Split Complementary Color

#77e953
```
#77e953 rgb(119,233,83)
```
#5377e9
```
#5377e9 rgb(83,119,233)
```
#e95377
```
#e95377 rgb(233,83,119)
```

Triadic Color

#53e9c5
```
#53e9c5 rgb(83,233,197)
```
#5377e9
```
#5377e9 rgb(83,119,233)
```
#e95377
```
#e95377 rgb(233,83,119)
```
#e9c553
```
#e9c553 rgb(233,197,83)
```

Tetradic Color

#1b48d4
```
#1b48d4 rgb(27,72,212)
```
#2653e3
```
#2653e3 rgb(38,83,227)
```
#3c65e6
```
#3c65e6 rgb(60,101,230)
```
#5377e9
```
#5377e9 rgb(83,119,233)
```
#6a89ec
```
#6a89ec rgb(106,137,236)
```
#809bef
```
#809bef rgb(128,155,239)
```
#97adf2
```
#97adf2 rgb(151,173,242)
```

Monochromatic Color

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

#539de9
```
#539de9 rgb(83,157,233)
```
#5390e9
```
#5390e9 rgb(83,144,233)
```
#5384e9
```
#5384e9 rgb(83,132,233)
```
#5377e9
```
#5377e9 rgb(83,119,233)
```
#536be9
```
#536be9 rgb(83,107,233)
```
#535ee9
```
#535ee9 rgb(83,94,233)
```
#5553e9
```
#5553e9 rgb(85,83,233)
```

Similar Colors

Text with hexadecimal color #5377e9

This text has a font color of #5377e9.

<span style="color:#5377e9;">Text here</span>

#5377e9 background color

This paragraph has a background color of #5377e9.

<p style="background-color:#5377e9;">Content here</p>

#5377e9 border color

This element has a border color of #5377e9.

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

CSS codes

.text {color:#5377e9;}

.background {background-color:#5377e9;}

.border {border:1px solid #5377e9;}

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

#000102
```
#000102 rgb(0,1,2)
```
#020713
```
#020713 rgb(2,7,19)
```
#050c25
```
#050c25 rgb(5,12,37)
```
#071236
```
#071236 rgb(7,18,54)
```
#091847
```
#091847 rgb(9,24,71)
```
#0b1e59
```
#0b1e59 rgb(11,30,89)
```
#0e246a
```
#0e246a rgb(14,36,106)
```
#102a7c
```
#102a7c rgb(16,42,124)
```
#12308d
```
#12308d rgb(18,48,141)
```
#14359e
```
#14359e rgb(20,53,158)
```
#163bb0
```
#163bb0 rgb(22,59,176)
```
#1941c1
```
#1941c1 rgb(25,65,193)
```
#1b47d3
```
#1b47d3 rgb(27,71,211)
```

Shade Color Variation

#1f4ee2
```
#1f4ee2 rgb(31,78,226)
```
#305be5
```
#305be5 rgb(48,91,229)
```
#4269e7
```
#4269e7 rgb(66,105,231)
```
#5377e9
```
#5377e9 rgb(83,119,233)
```
#6485eb
```
#6485eb rgb(100,133,235)
```
#7693ed
```
#7693ed rgb(118,147,237)
```
#87a0f0
```
#87a0f0 rgb(135,160,240)
```
#99aef2
```
#99aef2 rgb(153,174,242)
```
#aabcf4
```
#aabcf4 rgb(170,188,244)
```
#bbcaf6
```
#bbcaf6 rgb(187,202,246)
```
#cdd7f9
```
#cdd7f9 rgb(205,215,249)
```
#dee5fb
```
#dee5fb rgb(222,229,251)
```
#f0f3fd
```
#f0f3fd rgb(240,243,253)
```

Tint Color Variation

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

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#969aa6
```
#969aa6 rgb(150,154,166)
```
#8f96ad
```
#8f96ad rgb(143,150,173)
```
#8792b5
```
#8792b5 rgb(135,146,181)
```
#808ebc
```
#808ebc rgb(128,142,188)
```
#788ac4
```
#788ac4 rgb(120,138,196)
```
#7187cb
```
#7187cb rgb(113,135,203)
```
#6983d3
```
#6983d3 rgb(105,131,211)
```
#627fda
```
#627fda rgb(98,127,218)
```
#5a7be2
```
#5a7be2 rgb(90,123,226)
```
#5377e9
```
#5377e9 rgb(83,119,233)
```
#4c73f0
```
#4c73f0 rgb(76,115,240)
```
#446ff8
```
#446ff8 rgb(68,111,248)
```

Tone Color Variation

Below, you can see how #5377e9 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

#797979 Achromatopsia 0.005% of the population
#71798f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4281ed Protanopia 1% of men
#0087e0 Deuteranopia 1% of men
#00919c Tritanopia 0.001% of the population

Trichromacy

#487deb Protanomaly 1% of men, 0.01% of women
#1e81e3 Deuteranomaly 6% of men, 0.4% of women
#1e88b8 Tritanomaly 0.01% of the population

#5377e9 hex color

#5377e9 Color Information

#5377e9 Color Conversion

Color Schemes with #5377e9

Alternatives to #5377e9

#5377e9 Preview

Shades and Tints of #5377e9

Tones of #5377e9

Color Blindness Simulator