#5377a4 hex color

In a RGB color space, hex #5377a4 is composed of 32.5% red, 46.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 27.4% magenta, 0% yellow and 35.7% black. It has a hue angle of 213.3 degrees, a saturation of 32.8% and a lightness of 48.4%. #5377a4 color hex could be obtained by blending #a6eeff with #000049. Closest websafe color is: #666699.

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

● #5377a4 color description : Dark moderate blue.

The hexadecimal color #5377a4 has RGB values of R:83, G:119, B:164 and CMYK values of C:0.49, M:0.27, Y:0, K:0.36. Its decimal value is 5470116.

Hex triplet	5377a4	`#5377a4`
RGB Decimal	83, 119, 164	`rgb(83,119,164)`
RGB Percent	32.5, 46.7, 64.3	`rgb(32.5%,46.7%,64.3%)`
CMYK	49, 27, 0, 36
HSL	213.3°, 32.8, 48.4	`hsl(213.3,32.8%,48.4%)`
HSV (or HSB)	213.3°, 49.4, 64.3
Web Safe	666699	`#666699`

CIE-LAB	49.145, 0.159, -28.059
XYZ	16.863, 17.712, 37.65
xyY	0.233, 0.245, 17.712
CIE-LCH	49.145, 28.059, 270.324
CIE-LUV	49.145, -17.432, -41.703
Hunter-Lab	42.086, -2.127, -23.581
Binary	01010011, 01110111, 10100100

#5377a4
```
#5377a4 rgb(83,119,164)
```
#a48053
```
#a48053 rgb(164,128,83)
```

Complementary Color

#53a0a4
```
#53a0a4 rgb(83,160,164)
```
#5377a4
```
#5377a4 rgb(83,119,164)
```
#5853a4
```
#5853a4 rgb(88,83,164)
```

Analogous Color

#a0a453
```
#a0a453 rgb(160,164,83)
```
#5377a4
```
#5377a4 rgb(83,119,164)
```
#a45853
```
#a45853 rgb(164,88,83)
```

Split Complementary Color

#77a453
```
#77a453 rgb(119,164,83)
```
#5377a4
```
#5377a4 rgb(83,119,164)
```
#a45377
```
#a45377 rgb(164,83,119)
```

Triadic Color

#53a480
```
#53a480 rgb(83,164,128)
```
#5377a4
```
#5377a4 rgb(83,119,164)
```
#a45377
```
#a45377 rgb(164,83,119)
```
#a48053
```
#a48053 rgb(164,128,83)
```

Tetradic Color

#395271
```
#395271 rgb(57,82,113)
```
#425e82
```
#425e82 rgb(66,94,130)
```
#4a6b93
```
#4a6b93 rgb(74,107,147)
```
#5377a4
```
#5377a4 rgb(83,119,164)
```
#6184af
```
#6184af rgb(97,132,175)
```
#7291b8
```
#7291b8 rgb(114,145,184)
```
#839ec0
```
#839ec0 rgb(131,158,192)
```

Monochromatic Color

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

#538ba4
```
#538ba4 rgb(83,139,164)
```
#5385a4
```
#5385a4 rgb(83,133,164)
```
#537ea4
```
#537ea4 rgb(83,126,164)
```
#5377a4
```
#5377a4 rgb(83,119,164)
```
#5370a4
```
#5370a4 rgb(83,112,164)
```
#536aa4
```
#536aa4 rgb(83,106,164)
```
#5363a4
```
#5363a4 rgb(83,99,164)
```

Similar Colors

Text with hexadecimal color #5377a4

This text has a font color of #5377a4.

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

#5377a4 background color

This paragraph has a background color of #5377a4.

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

#5377a4 border color

This element has a border color of #5377a4.

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

CSS codes

.text {color:#5377a4;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0a0f15
```
#0a0f15 rgb(10,15,21)
```
#111822
```
#111822 rgb(17,24,34)
```
#18222f
```
#18222f rgb(24,34,47)
```
#1e2b3c
```
#1e2b3c rgb(30,43,60)
```
#253549
```
#253549 rgb(37,53,73)
```
#2b3e56
```
#2b3e56 rgb(43,62,86)
```
#324863
```
#324863 rgb(50,72,99)
```
#395170
```
#395170 rgb(57,81,112)
```
#3f5b7d
```
#3f5b7d rgb(63,91,125)
```
#46648a
```
#46648a rgb(70,100,138)
```
#4c6e97
```
#4c6e97 rgb(76,110,151)
```
#5377a4
```
#5377a4 rgb(83,119,164)
```

Shade Color Variation

#5d81ad
```
#5d81ad rgb(93,129,173)
```
#6a8bb4
```
#6a8bb4 rgb(106,139,180)
```
#7795ba
```
#7795ba rgb(119,149,186)
```
#849fc1
```
#849fc1 rgb(132,159,193)
```
#91aac8
```
#91aac8 rgb(145,170,200)
```
#9fb4ce
```
#9fb4ce rgb(159,180,206)
```
#acbed5
```
#acbed5 rgb(172,190,213)
```
#b9c8db
```
#b9c8db rgb(185,200,219)
```
#c6d2e2
```
#c6d2e2 rgb(198,210,226)
```
#d3dce9
```
#d3dce9 rgb(211,220,233)
```
#e0e7ef
```
#e0e7ef rgb(224,231,239)
```
#edf1f6
```
#edf1f6 rgb(237,241,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797b7e is the less saturated color, while #076ff0 is the most saturated one.

#797b7e
```
#797b7e rgb(121,123,126)
```
#707a88
```
#707a88 rgb(112,122,136)
```
#667991
```
#667991 rgb(102,121,145)
```
#5d789b
```
#5d789b rgb(93,120,155)
```
#5377a4
```
#5377a4 rgb(83,119,164)
```
#4a76ae
```
#4a76ae rgb(74,118,174)
```
#4075b7
```
#4075b7 rgb(64,117,183)
```
#3774c1
```
#3774c1 rgb(55,116,193)
```
#2d73ca
```
#2d73ca rgb(45,115,202)
```
#2472d4
```
#2472d4 rgb(36,114,212)
```
#1a71dd
```
#1a71dd rgb(26,113,221)
```
#1170e7
```
#1170e7 rgb(17,112,231)
```
#076ff0
```
#076ff0 rgb(7,111,240)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6b727b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7aa6 Protanopia 1% of men
#6a7aa9 Deuteranopia 1% of men
#50838d Tritanopia 0.001% of the population

Trichromacy

#6479a5 Protanomaly 1% of men, 0.01% of women
#6179a7 Deuteranomaly 6% of men, 0.4% of women
#517e95 Tritanomaly 0.01% of the population

#5377a4 hex color

#5377a4 Color Information

#5377a4 Color Conversion

Color Schemes with #5377a4

Alternatives to #5377a4

#5377a4 Preview

Shades and Tints of #5377a4

Tones of #5377a4

Color Blindness Simulator