#5150ba hex color

In a RGB color space, hex #5150ba is composed of 31.8% red, 31.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 57% magenta, 0% yellow and 27.1% black. It has a hue angle of 240.6 degrees, a saturation of 43.4% and a lightness of 52.2%. #5150ba color hex could be obtained by blending #a2a0ff with #000075. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 31
- B 73
RGB color chart
- C 56
- M 57
- Y 0
- K 27
CMYK color chart

● #5150ba color description : Moderate blue.

The hexadecimal color #5150ba has RGB values of R:81, G:80, B:186 and CMYK values of C:0.56, M:0.57, Y:0, K:0.27. Its decimal value is 5329082.

Hex triplet	5150ba	`#5150ba`
RGB Decimal	81, 80, 186	`rgb(81,80,186)`
RGB Percent	31.8, 31.4, 72.9	`rgb(31.8%,31.4%,72.9%)`
CMYK	56, 57, 0, 27
HSL	240.6°, 43.4, 52.2	`hsl(240.6,43.4%,52.2%)`
HSV (or HSB)	240.6°, 57, 72.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.633, 31.142, -56.067
XYZ	15.123, 11.031, 47.784
xyY	0.205, 0.149, 11.031
CIE-LCH	39.633, 64.135, 299.049
CIE-LUV	39.633, -5.72, -83.395
Hunter-Lab	33.213, 23.154, -62.051
Binary	01010001, 01010000, 10111010

#5150ba
```
#5150ba rgb(81,80,186)
```
#b9ba50
```
#b9ba50 rgb(185,186,80)
```

Complementary Color

#5084ba
```
#5084ba rgb(80,132,186)
```
#5150ba
```
#5150ba rgb(81,80,186)
```
#8650ba
```
#8650ba rgb(134,80,186)
```

Analogous Color

#84ba50
```
#84ba50 rgb(132,186,80)
```
#5150ba
```
#5150ba rgb(81,80,186)
```
#ba8650
```
#ba8650 rgb(186,134,80)
```

Split Complementary Color

#50ba51
```
#50ba51 rgb(80,186,81)
```
#5150ba
```
#5150ba rgb(81,80,186)
```
#ba5150
```
#ba5150 rgb(186,81,80)
```

Triadic Color

#50b9ba
```
#50b9ba rgb(80,185,186)
```
#5150ba
```
#5150ba rgb(81,80,186)
```
#ba5150
```
#ba5150 rgb(186,81,80)
```
#b9ba50
```
#b9ba50 rgb(185,186,80)
```

Tetradic Color

#363688
```
#363688 rgb(54,54,136)
```
#3e3d9a
```
#3e3d9a rgb(62,61,154)
```
#4544ac
```
#4544ac rgb(69,68,172)
```
#5150ba
```
#5150ba rgb(81,80,186)
```
#6362c1
```
#6362c1 rgb(99,98,193)
```
#7575c8
```
#7575c8 rgb(117,117,200)
```
#8887d0
```
#8887d0 rgb(136,135,208)
```

Monochromatic Color

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

#506aba
```
#506aba rgb(80,106,186)
```
#5061ba
```
#5061ba rgb(80,97,186)
```
#5058ba
```
#5058ba rgb(80,88,186)
```
#5150ba
```
#5150ba rgb(81,80,186)
```
#5a50ba
```
#5a50ba rgb(90,80,186)
```
#6350ba
```
#6350ba rgb(99,80,186)
```
#6c50ba
```
#6c50ba rgb(108,80,186)
```

Similar Colors

Text with hexadecimal color #5150ba

This text has a font color of #5150ba.

<span style="color:#5150ba;">Text here</span>

#5150ba background color

This paragraph has a background color of #5150ba.

<p style="background-color:#5150ba;">Content here</p>

#5150ba border color

This element has a border color of #5150ba.

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

CSS codes

.text {color:#5150ba;}

.background {background-color:#5150ba;}

.border {border:1px solid #5150ba;}

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

#030308
```
#030308 rgb(3,3,8)
```
#090916
```
#090916 rgb(9,9,22)
```
#0e0e24
```
#0e0e24 rgb(14,14,36)
```
#141432
```
#141432 rgb(20,20,50)
```
#1a1940
```
#1a1940 rgb(26,25,64)
```
#1f1f4e
```
#1f1f4e rgb(31,31,78)
```
#25245c
```
#25245c rgb(37,36,92)
```
#2b2a6a
```
#2b2a6a rgb(43,42,106)
```
#302f78
```
#302f78 rgb(48,47,120)
```
#363587
```
#363587 rgb(54,53,135)
```
#3b3b95
```
#3b3b95 rgb(59,59,149)
```
#4140a3
```
#4140a3 rgb(65,64,163)
```
#4746b1
```
#4746b1 rgb(71,70,177)
```

Shade Color Variation

#5150ba
```
#5150ba rgb(81,80,186)
```
#5f5ec0
```
#5f5ec0 rgb(95,94,192)
```
#6d6cc5
```
#6d6cc5 rgb(109,108,197)
```
#7b7acb
```
#7b7acb rgb(123,122,203)
```
#8988d0
```
#8988d0 rgb(137,136,208)
```
#9796d6
```
#9796d6 rgb(151,150,214)
```
#a5a4db
```
#a5a4db rgb(165,164,219)
```
#b3b2e1
```
#b3b2e1 rgb(179,178,225)
```
#c1c1e6
```
#c1c1e6 rgb(193,193,230)
```
#cfcfec
```
#cfcfec rgb(207,207,236)
```
#ddddf1
```
#ddddf1 rgb(221,221,241)
```
#ebebf7
```
#ebebf7 rgb(235,235,247)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#7f7f8b
```
#7f7f8b rgb(127,127,139)
```
#767694
```
#767694 rgb(118,118,148)
```
#6d6c9e
```
#6d6c9e rgb(109,108,158)
```
#6363a7
```
#6363a7 rgb(99,99,167)
```
#5a59b1
```
#5a59b1 rgb(90,89,177)
```
#5150ba
```
#5150ba rgb(81,80,186)
```
#4847c3
```
#4847c3 rgb(72,71,195)
```
#3f3dcd
```
#3f3dcd rgb(63,61,205)
```
#3534d6
```
#3534d6 rgb(53,52,214)
```
#2c2ae0
```
#2c2ae0 rgb(44,42,224)
```
#2321e9
```
#2321e9 rgb(35,33,233)
```
#1a18f2
```
#1a18f2 rgb(26,24,242)
```
#110efc
```
#110efc rgb(17,14,252)
```

Tone Color Variation

Below, you can see how #5150ba 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

#5c5c5c Achromatopsia 0.005% of the population
#5a5a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c1 Protanopia 1% of men
#0067aa Deuteranopia 1% of men
#356d75 Tritanopia 0.001% of the population

Trichromacy

#1d5bbe Protanomaly 1% of men, 0.01% of women
#1d5fb0 Deuteranomaly 6% of men, 0.4% of women
#3f628e Tritanomaly 0.01% of the population

#5150ba hex color

#5150ba Color Information

#5150ba Color Conversion

Color Schemes with #5150ba

Alternatives to #5150ba

#5150ba Preview

Shades and Tints of #5150ba

Tones of #5150ba

Color Blindness Simulator