#5377e4 hex color

In a RGB color space, hex #5377e4 is composed of 32.5% red, 46.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 47.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 225.1 degrees, a saturation of 72.9% and a lightness of 61%. #5377e4 color hex could be obtained by blending #a6eeff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 47
- B 89
RGB color chart
- C 64
- M 48
- Y 0
- K 11
CMYK color chart

● #5377e4 color description : Soft blue.

The hexadecimal color #5377e4 has RGB values of R:83, G:119, B:228 and CMYK values of C:0.64, M:0.48, Y:0, K:0.11. Its decimal value is 5470180.

Hex triplet	5377e4	`#5377e4`
RGB Decimal	83, 119, 228	`rgb(83,119,228)`
RGB Percent	32.5, 46.7, 89.4	`rgb(32.5%,46.7%,89.4%)`
CMYK	64, 48, 0, 11
HSL	225.1°, 72.9, 61	`hsl(225.1,72.9%,61%)`
HSV (or HSB)	225.1°, 63.6, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.545, 21.298, -59.311
XYZ	24.165, 20.633, 76.104
xyY	0.2, 0.171, 20.633
CIE-LCH	52.545, 63.019, 289.753
CIE-LUV	52.545, -17.65, -94.197
Hunter-Lab	45.423, 15.47, -67.54
Binary	01010011, 01110111, 11100100

#5377e4
```
#5377e4 rgb(83,119,228)
```
#e4c053
```
#e4c053 rgb(228,192,83)
```

Complementary Color

#53c0e4
```
#53c0e4 rgb(83,192,228)
```
#5377e4
```
#5377e4 rgb(83,119,228)
```
#7853e4
```
#7853e4 rgb(120,83,228)
```

Analogous Color

#c0e453
```
#c0e453 rgb(192,228,83)
```
#5377e4
```
#5377e4 rgb(83,119,228)
```
#e47853
```
#e47853 rgb(228,120,83)
```

Split Complementary Color

#77e453
```
#77e453 rgb(119,228,83)
```
#5377e4
```
#5377e4 rgb(83,119,228)
```
#e45377
```
#e45377 rgb(228,83,119)
```

Triadic Color

#53e4c0
```
#53e4c0 rgb(83,228,192)
```
#5377e4
```
#5377e4 rgb(83,119,228)
```
#e45377
```
#e45377 rgb(228,83,119)
```
#e4c053
```
#e4c053 rgb(228,192,83)
```

Tetradic Color

#204acb
```
#204acb rgb(32,74,203)
```
#2754dd
```
#2754dd rgb(39,84,221)
```
#3d66e1
```
#3d66e1 rgb(61,102,225)
```
#5377e4
```
#5377e4 rgb(83,119,228)
```
#6988e7
```
#6988e7 rgb(105,136,231)
```
#7f9aeb
```
#7f9aeb rgb(127,154,235)
```
#95abee
```
#95abee rgb(149,171,238)
```

Monochromatic Color

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

#539be4
```
#539be4 rgb(83,155,228)
```
#538fe4
```
#538fe4 rgb(83,143,228)
```
#5383e4
```
#5383e4 rgb(83,131,228)
```
#5377e4
```
#5377e4 rgb(83,119,228)
```
#536be4
```
#536be4 rgb(83,107,228)
```
#535fe4
```
#535fe4 rgb(83,95,228)
```
#5353e4
```
#5353e4 rgb(83,83,228)
```

Similar Colors

Text with hexadecimal color #5377e4

This text has a font color of #5377e4.

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

#5377e4 background color

This paragraph has a background color of #5377e4.

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

#5377e4 border color

This element has a border color of #5377e4.

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

CSS codes

.text {color:#5377e4;}

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

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

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, #02050e is the darkest color, while #fdfdff is the lightest one.

#02050e
```
#02050e rgb(2,5,14)
```
#050c1f
```
#050c1f rgb(5,12,31)
```
#081230
```
#081230 rgb(8,18,48)
```
#0a1841
```
#0a1841 rgb(10,24,65)
```
#0d1e52
```
#0d1e52 rgb(13,30,82)
```
#102463
```
#102463 rgb(16,36,99)
```
#122b74
```
#122b74 rgb(18,43,116)
```
#153185
```
#153185 rgb(21,49,133)
```
#183796
```
#183796 rgb(24,55,150)
```
#1a3da7
```
#1a3da7 rgb(26,61,167)
```
#1d43b8
```
#1d43b8 rgb(29,67,184)
```
#204ac9
```
#204ac9 rgb(32,74,201)
```
#2250da
```
#2250da rgb(34,80,218)
```

Shade Color Variation

#315cdf
```
#315cdf rgb(49,92,223)
```
#426ae1
```
#426ae1 rgb(66,106,225)
```
#5377e4
```
#5377e4 rgb(83,119,228)
```
#6484e7
```
#6484e7 rgb(100,132,231)
```
#7592e9
```
#7592e9 rgb(117,146,233)
```
#869fec
```
#869fec rgb(134,159,236)
```
#97adef
```
#97adef rgb(151,173,239)
```
#a8baf1
```
#a8baf1 rgb(168,186,241)
```
#b9c7f4
```
#b9c7f4 rgb(185,199,244)
```
#cad5f7
```
#cad5f7 rgb(202,213,247)
```
#dbe2f9
```
#dbe2f9 rgb(219,226,249)
```
#ecf0fc
```
#ecf0fc rgb(236,240,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989a9f is the less saturated color, while #3c6bfb is the most saturated one.

#989a9f
```
#989a9f rgb(152,154,159)
```
#9096a7
```
#9096a7 rgb(144,150,167)
```
#8992ae
```
#8992ae rgb(137,146,174)
```
#818eb6
```
#818eb6 rgb(129,142,182)
```
#798abe
```
#798abe rgb(121,138,190)
```
#7286c5
```
#7286c5 rgb(114,134,197)
```
#6a83cd
```
#6a83cd rgb(106,131,205)
```
#627fd5
```
#627fd5 rgb(98,127,213)
```
#5b7bdc
```
#5b7bdc rgb(91,123,220)
```
#5377e4
```
#5377e4 rgb(83,119,228)
```
#4b73ec
```
#4b73ec rgb(75,115,236)
```
#446ff3
```
#446ff3 rgb(68,111,243)
```
#3c6bfb
```
#3c6bfb rgb(60,107,251)
```

Tone Color Variation

Below, you can see how #5377e4 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
#71798e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4880e7 Protanopia 1% of men
#0086df Deuteranopia 1% of men
#18909b Tritanopia 0.001% of the population

Trichromacy

#4c7de6 Protanomaly 1% of men, 0.01% of women
#1e80e1 Deuteranomaly 6% of men, 0.4% of women
#2d87b5 Tritanomaly 0.01% of the population

#5377e4 hex color

#5377e4 Color Information

#5377e4 Color Conversion

Color Schemes with #5377e4

Alternatives to #5377e4

#5377e4 Preview

Shades and Tints of #5377e4

Tones of #5377e4

Color Blindness Simulator