#5053b8 hex color

In a RGB color space, hex #5053b8 is composed of 31.4% red, 32.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 54.9% magenta, 0% yellow and 27.8% black. It has a hue angle of 238.3 degrees, a saturation of 42.3% and a lightness of 51.8%. #5053b8 color hex could be obtained by blending #a0a6ff with #000071. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 33
- B 72
RGB color chart
- C 57
- M 55
- Y 0
- K 28
CMYK color chart

● #5053b8 color description : Moderate blue.

The hexadecimal color #5053b8 has RGB values of R:80, G:83, B:184 and CMYK values of C:0.57, M:0.55, Y:0, K:0.28. Its decimal value is 5264312.

Hex triplet	5053b8	`#5053b8`
RGB Decimal	80, 83, 184	`rgb(80,83,184)`
RGB Percent	31.4, 32.5, 72.2	`rgb(31.4%,32.5%,72.2%)`
CMYK	57, 55, 0, 28
HSL	238.3°, 42.3, 51.8	`hsl(238.3,42.3%,51.8%)`
HSV (or HSB)	238.3°, 56.5, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.167, 28.41, -54.034
XYZ	15.052, 11.352, 46.743
xyY	0.206, 0.155, 11.352
CIE-LCH	40.167, 61.048, 297.735
CIE-LUV	40.167, -6.741, -80.683
Hunter-Lab	33.693, 20.778, -58.669
Binary	01010000, 01010011, 10111000

#5053b8
```
#5053b8 rgb(80,83,184)
```
#b8b550
```
#b8b550 rgb(184,181,80)
```

Complementary Color

#5087b8
```
#5087b8 rgb(80,135,184)
```
#5053b8
```
#5053b8 rgb(80,83,184)
```
#8150b8
```
#8150b8 rgb(129,80,184)
```

Analogous Color

#87b850
```
#87b850 rgb(135,184,80)
```
#5053b8
```
#5053b8 rgb(80,83,184)
```
#b88150
```
#b88150 rgb(184,129,80)
```

Split Complementary Color

#53b850
```
#53b850 rgb(83,184,80)
```
#5053b8
```
#5053b8 rgb(80,83,184)
```
#b85053
```
#b85053 rgb(184,80,83)
```

Triadic Color

#50b8b5
```
#50b8b5 rgb(80,184,181)
```
#5053b8
```
#5053b8 rgb(80,83,184)
```
#b85053
```
#b85053 rgb(184,80,83)
```
#b8b550
```
#b8b550 rgb(184,181,80)
```

Tetradic Color

#363885
```
#363885 rgb(54,56,133)
```
#3d4098
```
#3d4098 rgb(61,64,152)
```
#4548aa
```
#4548aa rgb(69,72,170)
```
#5053b8
```
#5053b8 rgb(80,83,184)
```
#6265bf
```
#6265bf rgb(98,101,191)
```
#7477c7
```
#7477c7 rgb(116,119,199)
```
#8688ce
```
#8688ce rgb(134,136,206)
```

Monochromatic Color

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

#506db8
```
#506db8 rgb(80,109,184)
```
#5064b8
```
#5064b8 rgb(80,100,184)
```
#505cb8
```
#505cb8 rgb(80,92,184)
```
#5053b8
```
#5053b8 rgb(80,83,184)
```
#5650b8
```
#5650b8 rgb(86,80,184)
```
#5e50b8
```
#5e50b8 rgb(94,80,184)
```
#6750b8
```
#6750b8 rgb(103,80,184)
```

Similar Colors

Text with hexadecimal color #5053b8

This text has a font color of #5053b8.

<span style="color:#5053b8;">Text here</span>

#5053b8 background color

This paragraph has a background color of #5053b8.

<p style="background-color:#5053b8;">Content here</p>

#5053b8 border color

This element has a border color of #5053b8.

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

CSS codes

.text {color:#5053b8;}

.background {background-color:#5053b8;}

.border {border:1px solid #5053b8;}

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

#030306
```
#030306 rgb(3,3,6)
```
#080914
```
#080914 rgb(8,9,20)
```
#0e0f22
```
#0e0f22 rgb(14,15,34)
```
#141430
```
#141430 rgb(20,20,48)
```
#191a3e
```
#191a3e rgb(25,26,62)
```
#1f204c
```
#1f204c rgb(31,32,76)
```
#25265a
```
#25265a rgb(37,38,90)
```
#2a2c68
```
#2a2c68 rgb(42,44,104)
```
#303276
```
#303276 rgb(48,50,118)
```
#363884
```
#363884 rgb(54,56,132)
```
#3b3e92
```
#3b3e92 rgb(59,62,146)
```
#4144a0
```
#4144a0 rgb(65,68,160)
```
#474aae
```
#474aae rgb(71,74,174)
```

Shade Color Variation

#5053b8
```
#5053b8 rgb(80,83,184)
```
#5e61be
```
#5e61be rgb(94,97,190)
```
#6c6ec3
```
#6c6ec3 rgb(108,110,195)
```
#7a7cc9
```
#7a7cc9 rgb(122,124,201)
```
#888acf
```
#888acf rgb(136,138,207)
```
#9698d4
```
#9698d4 rgb(150,152,212)
```
#a4a5da
```
#a4a5da rgb(164,165,218)
```
#b2b3e0
```
#b2b3e0 rgb(178,179,224)
```
#c0c1e5
```
#c0c1e5 rgb(192,193,229)
```
#ceceeb
```
#ceceeb rgb(206,206,235)
```
#dcdcf1
```
#dcdcf1 rgb(220,220,241)
```
#e9eaf6
```
#e9eaf6 rgb(233,234,246)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8089 is the less saturated color, while #0e15fa is the most saturated one.

#7f8089
```
#7f8089 rgb(127,128,137)
```
#767792
```
#767792 rgb(118,119,146)
```
#6c6e9c
```
#6c6e9c rgb(108,110,156)
```
#6365a5
```
#6365a5 rgb(99,101,165)
```
#595caf
```
#595caf rgb(89,92,175)
```
#5053b8
```
#5053b8 rgb(80,83,184)
```
#474ac1
```
#474ac1 rgb(71,74,193)
```
#3d41cb
```
#3d41cb rgb(61,65,203)
```
#3438d4
```
#3438d4 rgb(52,56,212)
```
#2a2fde
```
#2a2fde rgb(42,47,222)
```
#2126e7
```
#2126e7 rgb(33,38,231)
```
#171ef1
```
#171ef1 rgb(23,30,241)
```
#0e15fa
```
#0e15fa rgb(14,21,250)
```

Tone Color Variation

Below, you can see how #5053b8 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

#5e5e5e Achromatopsia 0.005% of the population
#5b5c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1263c2 Protanopia 1% of men
#0068ad Deuteranopia 1% of men
#366e76 Tritanopia 0.001% of the population

Trichromacy

#285dbe Protanomaly 1% of men, 0.01% of women
#1d60b1 Deuteranomaly 6% of men, 0.4% of women
#3f648e Tritanomaly 0.01% of the population

#5053b8 hex color

#5053b8 Color Information

#5053b8 Color Conversion

Color Schemes with #5053b8

Alternatives to #5053b8

#5053b8 Preview

Shades and Tints of #5053b8

Tones of #5053b8

Color Blindness Simulator