#505b96 hex color

In a RGB color space, hex #505b96 is composed of 31.4% red, 35.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 39.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 230.6 degrees, a saturation of 30.4% and a lightness of 45.1%. #505b96 color hex could be obtained by blending #a0b6ff with #00002d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 36
- B 59
RGB color chart
- C 47
- M 39
- Y 0
- K 41
CMYK color chart

● #505b96 color description : Dark moderate blue.

The hexadecimal color #505b96 has RGB values of R:80, G:91, B:150 and CMYK values of C:0.47, M:0.39, Y:0, K:0.41. Its decimal value is 5266326.

Hex triplet	505b96	`#505b96`
RGB Decimal	80, 91, 150	`rgb(80,91,150)`
RGB Percent	31.4, 35.7, 58.8	`rgb(31.4%,35.7%,58.8%)`
CMYK	47, 39, 0, 41
HSL	230.6°, 30.4, 45.1	`hsl(230.6,30.4%,45.1%)`
HSV (or HSB)	230.6°, 46.7, 58.8
Web Safe	666699	`#666699`

CIE-LAB	40.228, 12.266, -33.757
XYZ	12.553, 11.389, 30.389
xyY	0.231, 0.21, 11.389
CIE-LCH	40.228, 35.916, 289.969
CIE-LUV	40.228, -7.821, -49.682
Hunter-Lab	33.748, 7.338, -29.766
Binary	01010000, 01011011, 10010110

#505b96
```
#505b96 rgb(80,91,150)
```
#968b50
```
#968b50 rgb(150,139,80)
```

Complementary Color

#507e96
```
#507e96 rgb(80,126,150)
```
#505b96
```
#505b96 rgb(80,91,150)
```
#685096
```
#685096 rgb(104,80,150)
```

Analogous Color

#7e9650
```
#7e9650 rgb(126,150,80)
```
#505b96
```
#505b96 rgb(80,91,150)
```
#966850
```
#966850 rgb(150,104,80)
```

Split Complementary Color

#5b9650
```
#5b9650 rgb(91,150,80)
```
#505b96
```
#505b96 rgb(80,91,150)
```
#96505b
```
#96505b rgb(150,80,91)
```

Triadic Color

#50968b
```
#50968b rgb(80,150,139)
```
#505b96
```
#505b96 rgb(80,91,150)
```
#96505b
```
#96505b rgb(150,80,91)
```
#968b50
```
#968b50 rgb(150,139,80)
```

Tetradic Color

#353d64
```
#353d64 rgb(53,61,100)
```
#3e4775
```
#3e4775 rgb(62,71,117)
```
#475185
```
#475185 rgb(71,81,133)
```
#505b96
```
#505b96 rgb(80,91,150)
```
#5965a6
```
#5965a6 rgb(89,101,166)
```
#6a75af
```
#6a75af rgb(106,117,175)
```
#7a84b8
```
#7a84b8 rgb(122,132,184)
```

Monochromatic Color

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

#506d96
```
#506d96 rgb(80,109,150)
```
#506796
```
#506796 rgb(80,103,150)
```
#506196
```
#506196 rgb(80,97,150)
```
#505b96
```
#505b96 rgb(80,91,150)
```
#505596
```
#505596 rgb(80,85,150)
```
#515096
```
#515096 rgb(81,80,150)
```
#575096
```
#575096 rgb(87,80,150)
```

Similar Colors

Text with hexadecimal color #505b96

This text has a font color of #505b96.

<span style="color:#505b96;">Text here</span>

#505b96 background color

This paragraph has a background color of #505b96.

<p style="background-color:#505b96;">Content here</p>

#505b96 border color

This element has a border color of #505b96.

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

CSS codes

.text {color:#505b96;}

.background {background-color:#505b96;}

.border {border:1px solid #505b96;}

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

#050609
```
#050609 rgb(5,6,9)
```
#0c0d16
```
#0c0d16 rgb(12,13,22)
```
#131523
```
#131523 rgb(19,21,35)
```
#191d30
```
#191d30 rgb(25,29,48)
```
#20253c
```
#20253c rgb(32,37,60)
```
#272c49
```
#272c49 rgb(39,44,73)
```
#2e3456
```
#2e3456 rgb(46,52,86)
```
#353c63
```
#353c63 rgb(53,60,99)
```
#3c4470
```
#3c4470 rgb(60,68,112)
```
#424b7c
```
#424b7c rgb(66,75,124)
```
#495389
```
#495389 rgb(73,83,137)
```
#505b96
```
#505b96 rgb(80,91,150)
```
#5763a3
```
#5763a3 rgb(87,99,163)
```

Shade Color Variation

#626dab
```
#626dab rgb(98,109,171)
```
#6f79b2
```
#6f79b2 rgb(111,121,178)
```
#7c85b9
```
#7c85b9 rgb(124,133,185)
```
#8891c0
```
#8891c0 rgb(136,145,192)
```
#959dc7
```
#959dc7 rgb(149,157,199)
```
#a2a9cd
```
#a2a9cd rgb(162,169,205)
```
#afb5d4
```
#afb5d4 rgb(175,181,212)
```
#bcc0db
```
#bcc0db rgb(188,192,219)
```
#c8cce2
```
#c8cce2 rgb(200,204,226)
```
#d5d8e9
```
#d5d8e9 rgb(213,216,233)
```
#e2e4ef
```
#e2e4ef rgb(226,228,239)
```
#eff0f6
```
#eff0f6 rgb(239,240,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6d7b is the less saturated color, while #0024e6 is the most saturated one.

#6b6d7b
```
#6b6d7b rgb(107,109,123)
```
#626784
```
#626784 rgb(98,103,132)
```
#59618d
```
#59618d rgb(89,97,141)
```
#505b96
```
#505b96 rgb(80,91,150)
```
#47559f
```
#47559f rgb(71,85,159)
```
#3e4fa8
```
#3e4fa8 rgb(62,79,168)
```
#3549b1
```
#3549b1 rgb(53,73,177)
```
#2d43b9
```
#2d43b9 rgb(45,67,185)
```
#243dc2
```
#243dc2 rgb(36,61,194)
```
#1b37cb
```
#1b37cb rgb(27,55,203)
```
#1231d4
```
#1231d4 rgb(18,49,212)
```
#092add
```
#092add rgb(9,42,221)
```
#0024e6
```
#0024e6 rgb(0,36,230)
```

Tone Color Variation

Below, you can see how #505b96 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

#5e5e5e Achromatopsia 0.005% of the population
#5b5d69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#50659c Protanopia 1% of men
#4a679a Deuteranopia 1% of men
#4b6c74 Tritanopia 0.001% of the population

Trichromacy

#50619a Protanomaly 1% of men, 0.01% of women
#4c6298 Deuteranomaly 6% of men, 0.4% of women
#4c6680 Tritanomaly 0.01% of the population

#505b96 hex color

#505b96 Color Information

#505b96 Color Conversion

Color Schemes with #505b96

Alternatives to #505b96

#505b96 Preview

Shades and Tints of #505b96

Tones of #505b96

Color Blindness Simulator