#505f99 hex color

In a RGB color space, hex #505f99 is composed of 31.4% red, 37.3% green and 60% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 37.9% magenta, 0% yellow and 40% black. It has a hue angle of 227.7 degrees, a saturation of 31.3% and a lightness of 45.7%. #505f99 color hex could be obtained by blending #a0beff with #000033. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 37
- B 60
RGB color chart
- C 48
- M 38
- Y 0
- K 40
CMYK color chart

● #505f99 color description : Dark moderate blue.

The hexadecimal color #505f99 has RGB values of R:80, G:95, B:153 and CMYK values of C:0.48, M:0.38, Y:0, K:0.4. Its decimal value is 5267353.

Hex triplet	505f99	`#505f99`
RGB Decimal	80, 95, 153	`rgb(80,95,153)`
RGB Percent	31.4, 37.3, 60	`rgb(31.4%,37.3%,60%)`
CMYK	48, 38, 0, 40
HSL	227.7°, 31.3, 45.7	`hsl(227.7,31.3%,45.7%)`
HSV (or HSB)	227.7°, 47.7, 60
Web Safe	666699	`#666699`

CIE-LAB	41.515, 10.685, -33.523
XYZ	13.149, 12.189, 31.795
xyY	0.23, 0.213, 12.189
CIE-LCH	41.515, 35.185, 287.679
CIE-LUV	41.515, -9.352, -49.561
Hunter-Lab	34.913, 6.129, -29.556
Binary	01010000, 01011111, 10011001

#505f99
```
#505f99 rgb(80,95,153)
```
#998a50
```
#998a50 rgb(153,138,80)
```

Complementary Color

#508499
```
#508499 rgb(80,132,153)
```
#505f99
```
#505f99 rgb(80,95,153)
```
#665099
```
#665099 rgb(102,80,153)
```

Analogous Color

#849950
```
#849950 rgb(132,153,80)
```
#505f99
```
#505f99 rgb(80,95,153)
```
#996650
```
#996650 rgb(153,102,80)
```

Split Complementary Color

#5f9950
```
#5f9950 rgb(95,153,80)
```
#505f99
```
#505f99 rgb(80,95,153)
```
#99505f
```
#99505f rgb(153,80,95)
```

Triadic Color

#50998a
```
#50998a rgb(80,153,138)
```
#505f99
```
#505f99 rgb(80,95,153)
```
#99505f
```
#99505f rgb(153,80,95)
```
#998a50
```
#998a50 rgb(153,138,80)
```

Tetradic Color

#364067
```
#364067 rgb(54,64,103)
```
#3e4a78
```
#3e4a78 rgb(62,74,120)
```
#475588
```
#475588 rgb(71,85,136)
```
#505f99
```
#505f99 rgb(80,95,153)
```
#5a6aa9
```
#5a6aa9 rgb(90,106,169)
```
#6b79b1
```
#6b79b1 rgb(107,121,177)
```
#7b88ba
```
#7b88ba rgb(123,136,186)
```

Monochromatic Color

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

#507199
```
#507199 rgb(80,113,153)
```
#506b99
```
#506b99 rgb(80,107,153)
```
#506599
```
#506599 rgb(80,101,153)
```
#505f99
```
#505f99 rgb(80,95,153)
```
#505999
```
#505999 rgb(80,89,153)
```
#505399
```
#505399 rgb(80,83,153)
```
#535099
```
#535099 rgb(83,80,153)
```

Similar Colors

Text with hexadecimal color #505f99

This text has a font color of #505f99.

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

#505f99 background color

This paragraph has a background color of #505f99.

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

#505f99 border color

This element has a border color of #505f99.

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

CSS codes

.text {color:#505f99;}

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

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

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, #06070b is the darkest color, while #fdfefe is the lightest one.

#06070b
```
#06070b rgb(6,7,11)
```
#0d0f18
```
#0d0f18 rgb(13,15,24)
```
#131725
```
#131725 rgb(19,23,37)
```
#1a1f32
```
#1a1f32 rgb(26,31,50)
```
#21273f
```
#21273f rgb(33,39,63)
```
#282f4c
```
#282f4c rgb(40,47,76)
```
#2e3759
```
#2e3759 rgb(46,55,89)
```
#353f65
```
#353f65 rgb(53,63,101)
```
#3c4772
```
#3c4772 rgb(60,71,114)
```
#434f7f
```
#434f7f rgb(67,79,127)
```
#49578c
```
#49578c rgb(73,87,140)
```
#505f99
```
#505f99 rgb(80,95,153)
```
#5767a6
```
#5767a6 rgb(87,103,166)
```

Shade Color Variation

#6372ad
```
#6372ad rgb(99,114,173)
```
#707eb4
```
#707eb4 rgb(112,126,180)
```
#7d89bb
```
#7d89bb rgb(125,137,187)
```
#8a95c2
```
#8a95c2 rgb(138,149,194)
```
#96a1c8
```
#96a1c8 rgb(150,161,200)
```
#a3accf
```
#a3accf rgb(163,172,207)
```
#b0b8d6
```
#b0b8d6 rgb(176,184,214)
```
#bdc3dd
```
#bdc3dd rgb(189,195,221)
```
#cacfe3
```
#cacfe3 rgb(202,207,227)
```
#d7dbea
```
#d7dbea rgb(215,219,234)
```
#e4e6f1
```
#e4e6f1 rgb(228,230,241)
```
#f1f2f7
```
#f1f2f7 rgb(241,242,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#747475
```
#747475 rgb(116,116,117)
```
#6b6f7e
```
#6b6f7e rgb(107,111,126)
```
#626a87
```
#626a87 rgb(98,106,135)
```
#596490
```
#596490 rgb(89,100,144)
```
#505f99
```
#505f99 rgb(80,95,153)
```
#475aa2
```
#475aa2 rgb(71,90,162)
```
#3e54ab
```
#3e54ab rgb(62,84,171)
```
#354fb4
```
#354fb4 rgb(53,79,180)
```
#2c4abd
```
#2c4abd rgb(44,74,189)
```
#2345c6
```
#2345c6 rgb(35,69,198)
```
#1a3fcf
```
#1a3fcf rgb(26,63,207)
```
#113ad8
```
#113ad8 rgb(17,58,216)
```
#0835e1
```
#0835e1 rgb(8,53,225)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5e616c Atypical Achromatopsia 0.001% of the population

Dichromacy

#54689f Protanopia 1% of men
#4d699d Deuteranopia 1% of men
#4a6f77 Tritanopia 0.001% of the population

Trichromacy

#52649c Protanomaly 1% of men, 0.01% of women
#4e659b Deuteranomaly 6% of men, 0.4% of women
#4c6983 Tritanomaly 0.01% of the population

#505f99 hex color

#505f99 Color Information

#505f99 Color Conversion

Color Schemes with #505f99

Alternatives to #505f99

#505f99 Preview

Shades and Tints of #505f99

Tones of #505f99

Color Blindness Simulator