colorhexa.com

#5377b5 hex color

In a RGB color space, hex #5377b5 is composed of 32.5% red, 46.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 34.3% magenta, 0% yellow and 29% black. It has a hue angle of 218 degrees, a saturation of 39.8% and a lightness of 51.8%. #5377b5 color hex could be obtained by blending #a6eeff with #00006b. Closest websafe color is: #6666cc.

- R 33
- G 47
- B 71
RGB color chart
- C 54
- M 34
- Y 0
- K 29
CMYK color chart

● #5377b5 color description : Moderate blue.

The hexadecimal color #5377b5 has RGB values of R:83, G:119, B:181 and CMYK values of C:0.54, M:0.34, Y:0, K:0.29. Its decimal value is 5470133.

Hex triplet	5377b5	`#5377b5`
RGB Decimal	83, 119, 181	`rgb(83,119,181)`
RGB Percent	32.5, 46.7, 71	`rgb(32.5%,46.7%,71%)`
CMYK	54, 34, 0, 29
HSL	218°, 39.8, 51.8	`hsl(218,39.8%,51.8%)`
HSV (or HSB)	218°, 54.1, 71
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.939, 5.559, -36.69
XYZ	18.503, 18.368, 46.284
xyY	0.223, 0.221, 18.368
CIE-LCH	49.939, 37.109, 278.616
CIE-LUV	49.939, -17.44, -56.12
Hunter-Lab	42.858, 2.062, -34.029
Binary	01010011, 01110111, 10110101

#5377b5
```
#5377b5 rgb(83,119,181)
```
#b59153
```
#b59153 rgb(181,145,83)
```

Complementary Color

#53a8b5
```
#53a8b5 rgb(83,168,181)
```
#5377b5
```
#5377b5 rgb(83,119,181)
```
#6053b5
```
#6053b5 rgb(96,83,181)
```

Analogous Color

#a8b553
```
#a8b553 rgb(168,181,83)
```
#5377b5
```
#5377b5 rgb(83,119,181)
```
#b56053
```
#b56053 rgb(181,96,83)
```

Split Complementary Color

#77b553
```
#77b553 rgb(119,181,83)
```
#5377b5
```
#5377b5 rgb(83,119,181)
```
#b55377
```
#b55377 rgb(181,83,119)
```

Triadic Color

#53b591
```
#53b591 rgb(83,181,145)
```
#5377b5
```
#5377b5 rgb(83,119,181)
```
#b55377
```
#b55377 rgb(181,83,119)
```
#b59153
```
#b59153 rgb(181,145,83)
```

Tetradic Color

#385483
```
#385483 rgb(56,84,131)
```
#405f95
```
#405f95 rgb(64,95,149)
```
#486ba7
```
#486ba7 rgb(72,107,167)
```
#5377b5
```
#5377b5 rgb(83,119,181)
```
#6585bd
```
#6585bd rgb(101,133,189)
```
#7793c4
```
#7793c4 rgb(119,147,196)
```
#88a1cc
```
#88a1cc rgb(136,161,204)
```

Monochromatic Color

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

#5390b5
```
#5390b5 rgb(83,144,181)
```
#5387b5
```
#5387b5 rgb(83,135,181)
```
#537fb5
```
#537fb5 rgb(83,127,181)
```
#5377b5
```
#5377b5 rgb(83,119,181)
```
#536fb5
```
#536fb5 rgb(83,111,181)
```
#5367b5
```
#5367b5 rgb(83,103,181)
```
#535fb5
```
#535fb5 rgb(83,95,181)
```

Similar Colors

Text with hexadecimal color #5377b5

This text has a font color of #5377b5.

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

#5377b5 background color

This paragraph has a background color of #5377b5.

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

#5377b5 border color

This element has a border color of #5377b5.

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

CSS codes

.text {color:#5377b5;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#090d14
```
#090d14 rgb(9,13,20)
```
#0f1622
```
#0f1622 rgb(15,22,34)
```
#141e2f
```
#141e2f rgb(20,30,47)
```
#1a273d
```
#1a273d rgb(26,39,61)
```
#20304b
```
#20304b rgb(32,48,75)
```
#263959
```
#263959 rgb(38,57,89)
```
#2c4166
```
#2c4166 rgb(44,65,102)
```
#324a74
```
#324a74 rgb(50,74,116)
```
#385382
```
#385382 rgb(56,83,130)
```
#3e5c8f
```
#3e5c8f rgb(62,92,143)
```
#44659d
```
#44659d rgb(68,101,157)
```
#4a6dab
```
#4a6dab rgb(74,109,171)
```

Shade Color Variation

#5377b5
```
#5377b5 rgb(83,119,181)
```
#6182bb
```
#6182bb rgb(97,130,187)
```
#6e8dc1
```
#6e8dc1 rgb(110,141,193)
```
#7c98c7
```
#7c98c7 rgb(124,152,199)
```
#8aa2cd
```
#8aa2cd rgb(138,162,205)
```
#98add3
```
#98add3 rgb(152,173,211)
```
#a5b8d8
```
#a5b8d8 rgb(165,184,216)
```
#b3c3de
```
#b3c3de rgb(179,195,222)
```
#c1cee4
```
#c1cee4 rgb(193,206,228)
```
#ced9ea
```
#ced9ea rgb(206,217,234)
```
#dce3f0
```
#dce3f0 rgb(220,227,240)
```
#eaeef6
```
#eaeef6 rgb(234,238,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828486 is the less saturated color, while #1165f7 is the most saturated one.

#828486
```
#828486 rgb(130,132,134)
```
#79818f
```
#79818f rgb(121,129,143)
```
#6f7f99
```
#6f7f99 rgb(111,127,153)
```
#667ca2
```
#667ca2 rgb(102,124,162)
```
#5c7aac
```
#5c7aac rgb(92,122,172)
```
#5377b5
```
#5377b5 rgb(83,119,181)
```
#4a74be
```
#4a74be rgb(74,116,190)
```
#4072c8
```
#4072c8 rgb(64,114,200)
```
#376fd1
```
#376fd1 rgb(55,111,209)
```
#2d6ddb
```
#2d6ddb rgb(45,109,219)
```
#246ae4
```
#246ae4 rgb(36,106,228)
```
#1a68ee
```
#1a68ee rgb(26,104,238)
```
#1165f7
```
#1165f7 rgb(17,101,247)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6d7480 Atypical Achromatopsia 0.001% of the population

Dichromacy

#677bb7 Protanopia 1% of men
#5e7db9 Deuteranopia 1% of men
#498690 Tritanopia 0.001% of the population

Trichromacy

#607ab6 Protanomaly 1% of men, 0.01% of women
#5a7bb7 Deuteranomaly 6% of men, 0.4% of women
#4c809d Tritanomaly 0.01% of the population