#5031bd hex color

In a RGB color space, hex #5031bd is composed of 31.4% red, 19.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 74.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 253.3 degrees, a saturation of 58.8% and a lightness of 46.7%. #5031bd color hex could be obtained by blending #a062ff with #00007b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 19
- B 74
RGB color chart
- C 58
- M 74
- Y 0
- K 26
CMYK color chart

● #5031bd color description : Moderate blue.

The hexadecimal color #5031bd has RGB values of R:80, G:49, B:189 and CMYK values of C:0.58, M:0.74, Y:0, K:0.26. Its decimal value is 5255613.

Hex triplet	5031bd	`#5031bd`
RGB Decimal	80, 49, 189	`rgb(80,49,189)`
RGB Percent	31.4, 19.2, 74.1	`rgb(31.4%,19.2%,74.1%)`
CMYK	58, 74, 0, 26
HSL	253.3°, 58.8, 46.7	`hsl(253.3,58.8%,46.7%)`
HSV (or HSB)	253.3°, 74.1, 74.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.083, 49.89, -68.521
XYZ	13.59, 7.576, 48.887
xyY	0.194, 0.108, 7.576
CIE-LCH	33.083, 84.759, 306.058
CIE-LUV	33.083, 0.274, -94.359
Hunter-Lab	27.524, 39.968, -86.042
Binary	01010000, 00110001, 10111101

#5031bd
```
#5031bd rgb(80,49,189)
```
#9ebd31
```
#9ebd31 rgb(158,189,49)
```

Complementary Color

#3158bd
```
#3158bd rgb(49,88,189)
```
#5031bd
```
#5031bd rgb(80,49,189)
```
#9631bd
```
#9631bd rgb(150,49,189)
```

Analogous Color

#58bd31
```
#58bd31 rgb(88,189,49)
```
#5031bd
```
#5031bd rgb(80,49,189)
```
#bd9631
```
#bd9631 rgb(189,150,49)
```

Split Complementary Color

#31bd50
```
#31bd50 rgb(49,189,80)
```
#5031bd
```
#5031bd rgb(80,49,189)
```
#bd5031
```
#bd5031 rgb(189,80,49)
```

Triadic Color

#319ebd
```
#319ebd rgb(49,158,189)
```
#5031bd
```
#5031bd rgb(80,49,189)
```
#bd5031
```
#bd5031 rgb(189,80,49)
```
#9ebd31
```
#9ebd31 rgb(158,189,49)
```

Tetradic Color

#362180
```
#362180 rgb(54,33,128)
```
#3f2795
```
#3f2795 rgb(63,39,149)
```
#472ca9
```
#472ca9 rgb(71,44,169)
```
#5031bd
```
#5031bd rgb(80,49,189)
```
#5b3bcc
```
#5b3bcc rgb(91,59,204)
```
#6c50d2
```
#6c50d2 rgb(108,80,210)
```
#7d64d7
```
#7d64d7 rgb(125,100,215)
```

Monochromatic Color

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

#3135bd
```
#3135bd rgb(49,53,189)
```
#3931bd
```
#3931bd rgb(57,49,189)
```
#4431bd
```
#4431bd rgb(68,49,189)
```
#5031bd
```
#5031bd rgb(80,49,189)
```
#5c31bd
```
#5c31bd rgb(92,49,189)
```
#6731bd
```
#6731bd rgb(103,49,189)
```
#7331bd
```
#7331bd rgb(115,49,189)
```

Similar Colors

Text with hexadecimal color #5031bd

This text has a font color of #5031bd.

<span style="color:#5031bd;">Text here</span>

#5031bd background color

This paragraph has a background color of #5031bd.

<p style="background-color:#5031bd;">Content here</p>

#5031bd border color

This element has a border color of #5031bd.

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

CSS codes

.text {color:#5031bd;}

.background {background-color:#5031bd;}

.border {border:1px solid #5031bd;}

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

#010102
```
#010102 rgb(1,1,2)
```
#070512
```
#070512 rgb(7,5,18)
```
#0e0921
```
#0e0921 rgb(14,9,33)
```
#150d31
```
#150d31 rgb(21,13,49)
```
#1b1140
```
#1b1140 rgb(27,17,64)
```
#221550
```
#221550 rgb(34,21,80)
```
#281960
```
#281960 rgb(40,25,96)
```
#2f1d6f
```
#2f1d6f rgb(47,29,111)
```
#36217f
```
#36217f rgb(54,33,127)
```
#3c258e
```
#3c258e rgb(60,37,142)
```
#43299e
```
#43299e rgb(67,41,158)
```
#492dad
```
#492dad rgb(73,45,173)
```
#5031bd
```
#5031bd rgb(80,49,189)
```

Shade Color Variation

#5737cb
```
#5737cb rgb(87,55,203)
```
#6446cf
```
#6446cf rgb(100,70,207)
```
#7156d3
```
#7156d3 rgb(113,86,211)
```
#7f65d7
```
#7f65d7 rgb(127,101,215)
```
#8c75db
```
#8c75db rgb(140,117,219)
```
#9984df
```
#9984df rgb(153,132,223)
```
#a694e3
```
#a694e3 rgb(166,148,227)
```
#b3a4e7
```
#b3a4e7 rgb(179,164,231)
```
#c0b3eb
```
#c0b3eb rgb(192,179,235)
```
#cdc3ef
```
#cdc3ef rgb(205,195,239)
```
#dad2f3
```
#dad2f3 rgb(218,210,243)
```
#e7e2f7
```
#e7e2f7 rgb(231,226,247)
```
#f4f2fc
```
#f4f2fc rgb(244,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74717d is the less saturated color, while #3703eb is the most saturated one.

#74717d
```
#74717d rgb(116,113,125)
```
#6f6886
```
#6f6886 rgb(111,104,134)
```
#6a5f8f
```
#6a5f8f rgb(106,95,143)
```
#645698
```
#645698 rgb(100,86,152)
```
#5f4ca2
```
#5f4ca2 rgb(95,76,162)
```
#5a43ab
```
#5a43ab rgb(90,67,171)
```
#553ab4
```
#553ab4 rgb(85,58,180)
```
#5031bd
```
#5031bd rgb(80,49,189)
```
#4b28c6
```
#4b28c6 rgb(75,40,198)
```
#461fcf
```
#461fcf rgb(70,31,207)
```
#4116d8
```
#4116d8 rgb(65,22,216)
```
#3c0ce2
```
#3c0ce2 rgb(60,12,226)
```
#3703eb
```
#3703eb rgb(55,3,235)
```

Tone Color Variation

Below, you can see how #5031bd 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

#4a4a4a Achromatopsia 0.005% of the population
#4b4561 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598f Deuteranopia 1% of men
#255e65 Tritanopia 0.001% of the population

Trichromacy

#1d47ad Protanomaly 1% of men, 0.01% of women
#1d4a9f Deuteranomaly 6% of men, 0.4% of women
#344d85 Tritanomaly 0.01% of the population

#5031bd hex color

#5031bd Color Information

#5031bd Color Conversion

Color Schemes with #5031bd

Alternatives to #5031bd

#5031bd Preview

Shades and Tints of #5031bd

Tones of #5031bd

Color Blindness Simulator