#5030bd hex color

In a RGB color space, hex #5030bd is composed of 31.4% red, 18.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 74.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 253.6 degrees, a saturation of 59.5% and a lightness of 46.5%. #5030bd color hex could be obtained by blending #a060ff with #00007b. Closest websafe color is: #6633cc.

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

● #5030bd color description : Moderate blue.

The hexadecimal color #5030bd has RGB values of R:80, G:48, B:189 and CMYK values of C:0.58, M:0.75, Y:0, K:0.26. Its decimal value is 5255357.

Hex triplet	5030bd	`#5030bd`
RGB Decimal	80, 48, 189	`rgb(80,48,189)`
RGB Percent	31.4, 18.8, 74.1	`rgb(31.4%,18.8%,74.1%)`
CMYK	58, 75, 0, 26
HSL	253.6°, 59.5, 46.5	`hsl(253.6,59.5%,46.5%)`
HSV (or HSB)	253.6°, 74.6, 74.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.904, 50.397, -68.815
XYZ	13.549, 7.493, 48.874
xyY	0.194, 0.107, 7.493
CIE-LCH	32.904, 85.296, 306.217
CIE-LUV	32.904, 0.425, -94.498
Hunter-Lab	27.374, 40.447, -86.697
Binary	01010000, 00110000, 10111101

#5030bd
```
#5030bd rgb(80,48,189)
```
#9dbd30
```
#9dbd30 rgb(157,189,48)
```

Complementary Color

#3057bd
```
#3057bd rgb(48,87,189)
```
#5030bd
```
#5030bd rgb(80,48,189)
```
#9730bd
```
#9730bd rgb(151,48,189)
```

Analogous Color

#57bd30
```
#57bd30 rgb(87,189,48)
```
#5030bd
```
#5030bd rgb(80,48,189)
```
#bd9730
```
#bd9730 rgb(189,151,48)
```

Split Complementary Color

#30bd50
```
#30bd50 rgb(48,189,80)
```
#5030bd
```
#5030bd rgb(80,48,189)
```
#bd5030
```
#bd5030 rgb(189,80,48)
```

Triadic Color

#309dbd
```
#309dbd rgb(48,157,189)
```
#5030bd
```
#5030bd rgb(80,48,189)
```
#bd5030
```
#bd5030 rgb(189,80,48)
```
#9dbd30
```
#9dbd30 rgb(157,189,48)
```

Tetradic Color

#362180
```
#362180 rgb(54,33,128)
```
#3f2694
```
#3f2694 rgb(63,38,148)
```
#472ba9
```
#472ba9 rgb(71,43,169)
```
#5030bd
```
#5030bd rgb(80,48,189)
```
#5b3acd
```
#5b3acd rgb(91,58,205)
```
#6c4ed2
```
#6c4ed2 rgb(108,78,210)
```
#7d62d7
```
#7d62d7 rgb(125,98,215)
```

Monochromatic Color

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

#3033bd
```
#3033bd rgb(48,51,189)
```
#3830bd
```
#3830bd rgb(56,48,189)
```
#4430bd
```
#4430bd rgb(68,48,189)
```
#5030bd
```
#5030bd rgb(80,48,189)
```
#5c30bd
```
#5c30bd rgb(92,48,189)
```
#6830bd
```
#6830bd rgb(104,48,189)
```
#7330bd
```
#7330bd rgb(115,48,189)
```

Similar Colors

Text with hexadecimal color #5030bd

This text has a font color of #5030bd.

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

#5030bd background color

This paragraph has a background color of #5030bd.

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

#5030bd border color

This element has a border color of #5030bd.

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

CSS codes

.text {color:#5030bd;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#070411
```
#070411 rgb(7,4,17)
```
#0e0821
```
#0e0821 rgb(14,8,33)
```
#140c30
```
#140c30 rgb(20,12,48)
```
#1b1040
```
#1b1040 rgb(27,16,64)
```
#221450
```
#221450 rgb(34,20,80)
```
#28185f
```
#28185f rgb(40,24,95)
```
#2f1c6f
```
#2f1c6f rgb(47,28,111)
```
#36207e
```
#36207e rgb(54,32,126)
```
#3c248e
```
#3c248e rgb(60,36,142)
```
#43289e
```
#43289e rgb(67,40,158)
```
#492cad
```
#492cad rgb(73,44,173)
```
#5030bd
```
#5030bd rgb(80,48,189)
```

Shade Color Variation

#5735cc
```
#5735cc rgb(87,53,204)
```
#6445d0
```
#6445d0 rgb(100,69,208)
```
#7154d4
```
#7154d4 rgb(113,84,212)
```
#7e64d8
```
#7e64d8 rgb(126,100,216)
```
#8b74dc
```
#8b74dc rgb(139,116,220)
```
#9883e0
```
#9883e0 rgb(152,131,224)
```
#a593e4
```
#a593e4 rgb(165,147,228)
```
#b2a2e7
```
#b2a2e7 rgb(178,162,231)
```
#bfb2eb
```
#bfb2eb rgb(191,178,235)
```
#ccc2ef
```
#ccc2ef rgb(204,194,239)
```
#d9d1f3
```
#d9d1f3 rgb(217,209,243)
```
#e6e1f7
```
#e6e1f7 rgb(230,225,247)
```
#f3f1fb
```
#f3f1fb rgb(243,241,251)
```

Tint Color Variation

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

#73707d
```
#73707d rgb(115,112,125)
```
#6e6786
```
#6e6786 rgb(110,103,134)
```
#695e8f
```
#695e8f rgb(105,94,143)
```
#645499
```
#645499 rgb(100,84,153)
```
#5f4ba2
```
#5f4ba2 rgb(95,75,162)
```
#5a42ab
```
#5a42ab rgb(90,66,171)
```
#5539b4
```
#5539b4 rgb(85,57,180)
```
#5030bd
```
#5030bd rgb(80,48,189)
```
#4b27c6
```
#4b27c6 rgb(75,39,198)
```
#461ecf
```
#461ecf rgb(70,30,207)
```
#4115d8
```
#4115d8 rgb(65,21,216)
```
#3c0ce1
```
#3c0ce1 rgb(60,12,225)
```
#3702eb
```
#3702eb rgb(55,2,235)
```

Tone Color Variation

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

#0054a3 Protanopia 1% of men
#00588e Deuteranopia 1% of men
#245d64 Tritanopia 0.001% of the population

Trichromacy

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

#5030bd hex color

#5030bd Color Information

#5030bd Color Conversion

Color Schemes with #5030bd

Alternatives to #5030bd

#5030bd Preview

Shades and Tints of #5030bd

Tones of #5030bd

Color Blindness Simulator