#5146bb hex color

In a RGB color space, hex #5146bb is composed of 31.8% red, 27.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 62.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 245.6 degrees, a saturation of 46.2% and a lightness of 50.4%. #5146bb color hex could be obtained by blending #a28cff with #000077. Closest websafe color is: #6633cc.

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

● #5146bb color description : Moderate blue.

The hexadecimal color #5146bb has RGB values of R:81, G:70, B:187 and CMYK values of C:0.57, M:0.63, Y:0, K:0.27. Its decimal value is 5326523.

Hex triplet	5146bb	`#5146bb`
RGB Decimal	81, 70, 187	`rgb(81,70,187)`
RGB Percent	31.8, 27.5, 73.3	`rgb(31.8%,27.5%,73.3%)`
CMYK	57, 63, 0, 27
HSL	245.6°, 46.2, 50.4	`hsl(245.6,46.2%,50.4%)`
HSV (or HSB)	245.6°, 62.6, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.33, 37.611, -60.394
XYZ	14.551, 9.717, 48.12
xyY	0.201, 0.134, 9.717
CIE-LCH	37.33, 71.148, 301.913
CIE-LUV	37.33, -3.296, -87.978
Hunter-Lab	31.172, 28.774, -69.704
Binary	01010001, 01000110, 10111011

#5146bb
```
#5146bb rgb(81,70,187)
```
#b0bb46
```
#b0bb46 rgb(176,187,70)
```

Complementary Color

#4676bb
```
#4676bb rgb(70,118,187)
```
#5146bb
```
#5146bb rgb(81,70,187)
```
#8c46bb
```
#8c46bb rgb(140,70,187)
```

Analogous Color

#76bb46
```
#76bb46 rgb(118,187,70)
```
#5146bb
```
#5146bb rgb(81,70,187)
```
#bb8c46
```
#bb8c46 rgb(187,140,70)
```

Split Complementary Color

#46bb51
```
#46bb51 rgb(70,187,81)
```
#5146bb
```
#5146bb rgb(81,70,187)
```
#bb5146
```
#bb5146 rgb(187,81,70)
```

Triadic Color

#46b0bb
```
#46b0bb rgb(70,176,187)
```
#5146bb
```
#5146bb rgb(81,70,187)
```
#bb5146
```
#bb5146 rgb(187,81,70)
```
#b0bb46
```
#b0bb46 rgb(176,187,70)
```

Tetradic Color

#383184
```
#383184 rgb(56,49,132)
```
#403797
```
#403797 rgb(64,55,151)
```
#483ea9
```
#483ea9 rgb(72,62,169)
```
#5146bb
```
#5146bb rgb(81,70,187)
```
#6359c2
```
#6359c2 rgb(99,89,194)
```
#746bc9
```
#746bc9 rgb(116,107,201)
```
#867ed0
```
#867ed0 rgb(134,126,208)
```

Monochromatic Color

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

#4658bb
```
#4658bb rgb(70,88,187)
```
#464fbb
```
#464fbb rgb(70,79,187)
```
#4746bb
```
#4746bb rgb(71,70,187)
```
#5146bb
```
#5146bb rgb(81,70,187)
```
#5b46bb
```
#5b46bb rgb(91,70,187)
```
#6546bb
```
#6546bb rgb(101,70,187)
```
#6e46bb
```
#6e46bb rgb(110,70,187)
```

Similar Colors

Text with hexadecimal color #5146bb

This text has a font color of #5146bb.

<span style="color:#5146bb;">Text here</span>

#5146bb background color

This paragraph has a background color of #5146bb.

<p style="background-color:#5146bb;">Content here</p>

#5146bb border color

This element has a border color of #5146bb.

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

CSS codes

.text {color:#5146bb;}

.background {background-color:#5146bb;}

.border {border:1px solid #5146bb;}

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

#010101
```
#010101 rgb(1,1,1)
```
#070610
```
#070610 rgb(7,6,16)
```
#0d0b1e
```
#0d0b1e rgb(13,11,30)
```
#13102c
```
#13102c rgb(19,16,44)
```
#19163b
```
#19163b rgb(25,22,59)
```
#1f1b49
```
#1f1b49 rgb(31,27,73)
```
#252058
```
#252058 rgb(37,32,88)
```
#2b2566
```
#2b2566 rgb(43,37,102)
```
#322b74
```
#322b74 rgb(50,43,116)
```
#383083
```
#383083 rgb(56,48,131)
```
#3e3591
```
#3e3591 rgb(62,53,145)
```
#443b9f
```
#443b9f rgb(68,59,159)
```
#4a40ae
```
#4a40ae rgb(74,64,174)
```

Shade Color Variation

#5146bb
```
#5146bb rgb(81,70,187)
```
#5e54c0
```
#5e54c0 rgb(94,84,192)
```
#6c63c6
```
#6c63c6 rgb(108,99,198)
```
#7971cb
```
#7971cb rgb(121,113,203)
```
#877fd0
```
#877fd0 rgb(135,127,208)
```
#948ed5
```
#948ed5 rgb(148,142,213)
```
#a29cdb
```
#a29cdb rgb(162,156,219)
```
#afaae0
```
#afaae0 rgb(175,170,224)
```
#bdb9e5
```
#bdb9e5 rgb(189,185,229)
```
#cac7ea
```
#cac7ea rgb(202,199,234)
```
#d8d5f0
```
#d8d5f0 rgb(216,213,240)
```
#e5e4f5
```
#e5e4f5 rgb(229,228,245)
```
#f3f2fa
```
#f3f2fa rgb(243,242,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808081 is the less saturated color, while #220cf5 is the most saturated one.

#808081
```
#808081 rgb(128,128,129)
```
#79778a
```
#79778a rgb(121,119,138)
```
#716d94
```
#716d94 rgb(113,109,148)
```
#69639e
```
#69639e rgb(105,99,158)
```
#6159a8
```
#6159a8 rgb(97,89,168)
```
#5950b1
```
#5950b1 rgb(89,80,177)
```
#5146bb
```
#5146bb rgb(81,70,187)
```
#493cc5
```
#493cc5 rgb(73,60,197)
```
#4133ce
```
#4133ce rgb(65,51,206)
```
#3929d8
```
#3929d8 rgb(57,41,216)
```
#311fe2
```
#311fe2 rgb(49,31,226)
```
#2915ec
```
#2915ec rgb(41,21,236)
```
#220cf5
```
#220cf5 rgb(34,12,245)
```

Tone Color Variation

Below, you can see how #5146bb 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

#575757 Achromatopsia 0.005% of the population
#56546b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db7 Protanopia 1% of men
#0062a0 Deuteranopia 1% of men
#31686f Tritanopia 0.001% of the population

Trichromacy

#1d55b8 Protanomaly 1% of men, 0.01% of women
#1d58aa Deuteranomaly 6% of men, 0.4% of women
#3c5b8b Tritanomaly 0.01% of the population

#5146bb hex color

#5146bb Color Information

#5146bb Color Conversion

Color Schemes with #5146bb

Alternatives to #5146bb

#5146bb Preview

Shades and Tints of #5146bb

Tones of #5146bb

Color Blindness Simulator