#5376a0 hex color

In a RGB color space, hex #5376a0 is composed of 32.5% red, 46.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 26.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 212.7 degrees, a saturation of 31.7% and a lightness of 47.6%. #5376a0 color hex could be obtained by blending #a6ecff with #000041. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 46
- B 63
RGB color chart
- C 48
- M 26
- Y 0
- K 37
CMYK color chart

● #5376a0 color description : Dark moderate blue.

The hexadecimal color #5376a0 has RGB values of R:83, G:118, B:160 and CMYK values of C:0.48, M:0.26, Y:0, K:0.37. Its decimal value is 5469856.

Hex triplet	5376a0	`#5376a0`
RGB Decimal	83, 118, 160	`rgb(83,118,160)`
RGB Percent	32.5, 46.3, 62.7	`rgb(32.5%,46.3%,62.7%)`
CMYK	48, 26, 0, 37
HSL	212.7°, 31.7, 47.6	`hsl(212.7,31.7%,47.6%)`
HSV (or HSB)	212.7°, 48.1, 62.7
Web Safe	666699	`#666699`

CIE-LAB	48.677, -0.481, -26.448
XYZ	16.389, 17.333, 35.738
xyY	0.236, 0.25, 17.333
CIE-LCH	48.677, 26.452, 268.957
CIE-LUV	48.677, -17.047, -39.023
Hunter-Lab	41.633, -2.589, -21.751
Binary	01010011, 01110110, 10100000

#5376a0
```
#5376a0 rgb(83,118,160)
```
#a07d53
```
#a07d53 rgb(160,125,83)
```

Complementary Color

#539da0
```
#539da0 rgb(83,157,160)
```
#5376a0
```
#5376a0 rgb(83,118,160)
```
#5653a0
```
#5653a0 rgb(86,83,160)
```

Analogous Color

#9da053
```
#9da053 rgb(157,160,83)
```
#5376a0
```
#5376a0 rgb(83,118,160)
```
#a05653
```
#a05653 rgb(160,86,83)
```

Split Complementary Color

#76a053
```
#76a053 rgb(118,160,83)
```
#5376a0
```
#5376a0 rgb(83,118,160)
```
#a05376
```
#a05376 rgb(160,83,118)
```

Triadic Color

#53a07d
```
#53a07d rgb(83,160,125)
```
#5376a0
```
#5376a0 rgb(83,118,160)
```
#a05376
```
#a05376 rgb(160,83,118)
```
#a07d53
```
#a07d53 rgb(160,125,83)
```

Tetradic Color

#39516e
```
#39516e rgb(57,81,110)
```
#425d7e
```
#425d7e rgb(66,93,126)
```
#4a6a8f
```
#4a6a8f rgb(74,106,143)
```
#5376a0
```
#5376a0 rgb(83,118,160)
```
#6083ad
```
#6083ad rgb(96,131,173)
```
#7190b5
```
#7190b5 rgb(113,144,181)
```
#829dbe
```
#829dbe rgb(130,157,190)
```

Monochromatic Color

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

#5389a0
```
#5389a0 rgb(83,137,160)
```
#5383a0
```
#5383a0 rgb(83,131,160)
```
#537ca0
```
#537ca0 rgb(83,124,160)
```
#5376a0
```
#5376a0 rgb(83,118,160)
```
#5370a0
```
#5370a0 rgb(83,112,160)
```
#5369a0
```
#5369a0 rgb(83,105,160)
```
#5363a0
```
#5363a0 rgb(83,99,160)
```

Similar Colors

Text with hexadecimal color #5376a0

This text has a font color of #5376a0.

<span style="color:#5376a0;">Text here</span>

#5376a0 background color

This paragraph has a background color of #5376a0.

<p style="background-color:#5376a0;">Content here</p>

#5376a0 border color

This element has a border color of #5376a0.

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

CSS codes

.text {color:#5376a0;}

.background {background-color:#5376a0;}

.border {border:1px solid #5376a0;}

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

#030405
```
#030405 rgb(3,4,5)
```
#090d12
```
#090d12 rgb(9,13,18)
```
#10171f
```
#10171f rgb(16,23,31)
```
#17202c
```
#17202c rgb(23,32,44)
```
#1d2a39
```
#1d2a39 rgb(29,42,57)
```
#243346
```
#243346 rgb(36,51,70)
```
#2b3d53
```
#2b3d53 rgb(43,61,83)
```
#32465f
```
#32465f rgb(50,70,95)
```
#38506c
```
#38506c rgb(56,80,108)
```
#3f5979
```
#3f5979 rgb(63,89,121)
```
#466386
```
#466386 rgb(70,99,134)
```
#4c6c93
```
#4c6c93 rgb(76,108,147)
```
#5376a0
```
#5376a0 rgb(83,118,160)
```

Shade Color Variation

#5c80ab
```
#5c80ab rgb(92,128,171)
```
#698ab1
```
#698ab1 rgb(105,138,177)
```
#7694b8
```
#7694b8 rgb(118,148,184)
```
#839ebf
```
#839ebf rgb(131,158,191)
```
#90a8c5
```
#90a8c5 rgb(144,168,197)
```
#9db2cc
```
#9db2cc rgb(157,178,204)
```
#aabcd3
```
#aabcd3 rgb(170,188,211)
```
#b7c6d9
```
#b7c6d9 rgb(183,198,217)
```
#c3d0e0
```
#c3d0e0 rgb(195,208,224)
```
#d0dbe7
```
#d0dbe7 rgb(208,219,231)
```
#dde5ee
```
#dde5ee rgb(221,229,238)
```
#eaeff4
```
#eaeff4 rgb(234,239,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78797b is the less saturated color, while #086feb is the most saturated one.

#78797b
```
#78797b rgb(120,121,123)
```
#6f7984
```
#6f7984 rgb(111,121,132)
```
#66788d
```
#66788d rgb(102,120,141)
```
#5c7797
```
#5c7797 rgb(92,119,151)
```
#5376a0
```
#5376a0 rgb(83,118,160)
```
#4a75a9
```
#4a75a9 rgb(74,117,169)
```
#4074b3
```
#4074b3 rgb(64,116,179)
```
#3773bc
```
#3773bc rgb(55,115,188)
```
#2e73c5
```
#2e73c5 rgb(46,115,197)
```
#2472cf
```
#2472cf rgb(36,114,207)
```
#1b71d8
```
#1b71d8 rgb(27,113,216)
```
#1270e1
```
#1270e1 rgb(18,112,225)
```
#086feb
```
#086feb rgb(8,111,235)
```

Tone Color Variation

Below, you can see how #5376a0 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

#707070 Achromatopsia 0.005% of the population
#6a717a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e79a2 Protanopia 1% of men
#6b79a6 Deuteranopia 1% of men
#52828b Tritanopia 0.001% of the population

Trichromacy

#6478a1 Protanomaly 1% of men, 0.01% of women
#6278a4 Deuteranomaly 6% of men, 0.4% of women
#527d93 Tritanomaly 0.01% of the population

#5376a0 hex color

#5376a0 Color Information

#5376a0 Color Conversion

Color Schemes with #5376a0

Alternatives to #5376a0

#5376a0 Preview

Shades and Tints of #5376a0

Tones of #5376a0

Color Blindness Simulator