#5056c4 hex color

In a RGB color space, hex #5056c4 is composed of 31.4% red, 33.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 56.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 236.9 degrees, a saturation of 49.6% and a lightness of 54.1%. #5056c4 color hex could be obtained by blending #a0acff with #000089. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 34
- B 77
RGB color chart
- C 59
- M 56
- Y 0
- K 23
CMYK color chart

● #5056c4 color description : Moderate blue.

The hexadecimal color #5056c4 has RGB values of R:80, G:86, B:196 and CMYK values of C:0.59, M:0.56, Y:0, K:0.23. Its decimal value is 5265092.

Hex triplet	5056c4	`#5056c4`
RGB Decimal	80, 86, 196	`rgb(80,86,196)`
RGB Percent	31.4, 33.7, 76.9	`rgb(31.4%,33.7%,76.9%)`
CMYK	59, 56, 0, 23
HSL	236.9°, 49.6, 54.1	`hsl(236.9,49.6%,54.1%)`
HSV (or HSB)	236.9°, 59.2, 76.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.761, 30.506, -58.458
XYZ	16.598, 12.346, 53.73
xyY	0.201, 0.149, 12.346
CIE-LCH	41.761, 65.939, 297.557
CIE-LUV	41.761, -8.106, -88.067
Hunter-Lab	35.137, 22.831, -66.069
Binary	01010000, 01010110, 11000100

#5056c4
```
#5056c4 rgb(80,86,196)
```
#c4be50
```
#c4be50 rgb(196,190,80)
```

Complementary Color

#5090c4
```
#5090c4 rgb(80,144,196)
```
#5056c4
```
#5056c4 rgb(80,86,196)
```
#8450c4
```
#8450c4 rgb(132,80,196)
```

Analogous Color

#90c450
```
#90c450 rgb(144,196,80)
```
#5056c4
```
#5056c4 rgb(80,86,196)
```
#c48450
```
#c48450 rgb(196,132,80)
```

Split Complementary Color

#56c450
```
#56c450 rgb(86,196,80)
```
#5056c4
```
#5056c4 rgb(80,86,196)
```
#c45056
```
#c45056 rgb(196,80,86)
```

Triadic Color

#50c4be
```
#50c4be rgb(80,196,190)
```
#5056c4
```
#5056c4 rgb(80,86,196)
```
#c45056
```
#c45056 rgb(196,80,86)
```
#c4be50
```
#c4be50 rgb(196,190,80)
```

Tetradic Color

#323795
```
#323795 rgb(50,55,149)
```
#393fa8
```
#393fa8 rgb(57,63,168)
```
#3f46bb
```
#3f46bb rgb(63,70,187)
```
#5056c4
```
#5056c4 rgb(80,86,196)
```
#6368ca
```
#6368ca rgb(99,104,202)
```
#767bd1
```
#767bd1 rgb(118,123,209)
```
#898dd7
```
#898dd7 rgb(137,141,215)
```

Monochromatic Color

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

#5073c4
```
#5073c4 rgb(80,115,196)
```
#5069c4
```
#5069c4 rgb(80,105,196)
```
#5060c4
```
#5060c4 rgb(80,96,196)
```
#5056c4
```
#5056c4 rgb(80,86,196)
```
#5450c4
```
#5450c4 rgb(84,80,196)
```
#5d50c4
```
#5d50c4 rgb(93,80,196)
```
#6750c4
```
#6750c4 rgb(103,80,196)
```

Similar Colors

Text with hexadecimal color #5056c4

This text has a font color of #5056c4.

<span style="color:#5056c4;">Text here</span>

#5056c4 background color

This paragraph has a background color of #5056c4.

<p style="background-color:#5056c4;">Content here</p>

#5056c4 border color

This element has a border color of #5056c4.

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

CSS codes

.text {color:#5056c4;}

.background {background-color:#5056c4;}

.border {border:1px solid #5056c4;}

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

#000001
```
#000001 rgb(0,0,1)
```
#050610
```
#050610 rgb(5,6,16)
```
#0a0b1e
```
#0a0b1e rgb(10,11,30)
```
#0f112d
```
#0f112d rgb(15,17,45)
```
#14163c
```
#14163c rgb(20,22,60)
```
#191c4a
```
#191c4a rgb(25,28,74)
```
#1e2159
```
#1e2159 rgb(30,33,89)
```
#232768
```
#232768 rgb(35,39,104)
```
#282c76
```
#282c76 rgb(40,44,118)
```
#2d3185
```
#2d3185 rgb(45,49,133)
```
#323794
```
#323794 rgb(50,55,148)
```
#373ca2
```
#373ca2 rgb(55,60,162)
```
#3c42b1
```
#3c42b1 rgb(60,66,177)
```

Shade Color Variation

#4148bf
```
#4148bf rgb(65,72,191)
```
#5056c4
```
#5056c4 rgb(80,86,196)
```
#5f64c9
```
#5f64c9 rgb(95,100,201)
```
#6d72ce
```
#6d72ce rgb(109,114,206)
```
#7c81d3
```
#7c81d3 rgb(124,129,211)
```
#8b8fd8
```
#8b8fd8 rgb(139,143,216)
```
#999ddd
```
#999ddd rgb(153,157,221)
```
#a8abe2
```
#a8abe2 rgb(168,171,226)
```
#b7b9e7
```
#b7b9e7 rgb(183,185,231)
```
#c5c7ec
```
#c5c7ec rgb(197,199,236)
```
#d4d6f1
```
#d4d6f1 rgb(212,214,241)
```
#e3e4f5
```
#e3e4f5 rgb(227,228,245)
```
#f1f2fa
```
#f1f2fa rgb(241,242,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86868e is the less saturated color, while #1a26fa is the most saturated one.

#86868e
```
#86868e rgb(134,134,142)
```
#7d7e97
```
#7d7e97 rgb(125,126,151)
```
#7476a0
```
#7476a0 rgb(116,118,160)
```
#6b6ea9
```
#6b6ea9 rgb(107,110,169)
```
#6266b2
```
#6266b2 rgb(98,102,178)
```
#595ebb
```
#595ebb rgb(89,94,187)
```
#5056c4
```
#5056c4 rgb(80,86,196)
```
#474ecd
```
#474ecd rgb(71,78,205)
```
#3e46d6
```
#3e46d6 rgb(62,70,214)
```
#353edf
```
#353edf rgb(53,62,223)
```
#2c36e8
```
#2c36e8 rgb(44,54,232)
```
#232ef1
```
#232ef1 rgb(35,46,241)
```
#1a26fa
```
#1a26fa rgb(26,38,250)
```

Tone Color Variation

Below, you can see how #5056c4 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

#616161 Achromatopsia 0.005% of the population
#5e5f75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006cb2 Deuteranopia 1% of men
#2b737c Tritanopia 0.001% of the population

Trichromacy

#1d61c8 Protanomaly 1% of men, 0.01% of women
#1d64b9 Deuteranomaly 6% of men, 0.4% of women
#386896 Tritanomaly 0.01% of the population

#5056c4 hex color

#5056c4 Color Information

#5056c4 Color Conversion

Color Schemes with #5056c4

Alternatives to #5056c4

#5056c4 Preview

Shades and Tints of #5056c4

Tones of #5056c4

Color Blindness Simulator