#505ba0 Color Information
In a RGB color space, hex #505ba0 is composed of 31.4% red, 35.7% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 43.1% magenta, 0% yellow and 37.3% black. It has a hue angle of 231.8 degrees, a saturation of 33.3% and a lightness of 47.1%. #505ba0 color hex could be obtained by blending #a0b6ff with #000041. Closest websafe color is: #666699.
-
- R 31
- G 36
- B 63
-
- C 50
- M 43
- Y 0
- K 37
● #505ba0 color description : Dark moderate blue.
#505ba0 Color Conversion
The hexadecimal color #505ba0 has RGB values of R:80, G:91, B:160 and CMYK values of C:0.5, M:0.43, Y:0, K:0.37. Its decimal value is 5266336.
Hex triplet | 505ba0 | #505ba0 |
---|---|---|
RGB Decimal | 80, 91, 160 | rgb(80,91,160) |
RGB Percent | 31.4, 35.7, 62.7 | rgb(31.4%,35.7%,62.7%) |
CMYK | 50, 43, 0, 37 | |
HSL | 231.8°, 33.3, 47.1 | hsl(231.8,33.3%,47.1%) |
HSV (or HSB) | 231.8°, 50, 62.7 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 40.776, 15.463, -38.87 |
---|---|
XYZ | 13.393, 11.725, 34.813 |
xyY | 0.223, 0.196, 11.725 |
CIE-LCH | 40.776, 41.833, 291.693 |
CIE-LUV | 40.776, -8.185, -57.805 |
Hunter-Lab | 34.242, 9.894, -36.309 |
Binary | 01010000, 01011011, 10100000 |
Color Schemes with #505ba0
Alternatives to #505ba0
Below, you can see some colors close to #505ba0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505ba0 Preview
This text has a font color of #505ba0.
<span style="color:#505ba0;">Text here</span>
This paragraph has a background color of #505ba0.
<p style="background-color:#505ba0;">Content here</p>
This element has a border color of #505ba0.
<div style="border:1px solid #505ba0;">Content here</div>
.text {color:#505ba0;}
.background {background-color:#505ba0;}
.border {border:1px solid #505ba0;}
Shades and Tints of #505ba0
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, #020203 is the darkest color, while #f5f6fa is the lightest one.
-
#020203
#020203
rgb(2,2,3)
-
#080910
#080910
rgb(8,9,16)
-
#0f111d
#0f111d
rgb(15,17,29)
-
#15182a
#15182a
rgb(21,24,42)
-
#1c2037
#1c2037
rgb(28,32,55)
-
#222744
#222744
rgb(34,39,68)
-
#292e52
#292e52
rgb(41,46,82)
-
#2f365f
#2f365f
rgb(47,54,95)
-
#363d6c
#363d6c
rgb(54,61,108)
-
#3c4579
#3c4579
rgb(60,69,121)
-
#434c86
#434c86
rgb(67,76,134)
-
#495493
#495493
rgb(73,84,147)
-
#505ba0
#505ba0
rgb(80,91,160)
-
#5864ac
#5864ac
rgb(88,100,172)
-
#6570b2
#6570b2
rgb(101,112,178)
-
#727cb9
#727cb9
rgb(114,124,185)
-
#7f88bf
#7f88bf
rgb(127,136,191)
-
#8c94c6
#8c94c6
rgb(140,148,198)
-
#99a0cc
#99a0cc
rgb(153,160,204)
-
#a7add3
#a7add3
rgb(167,173,211)
-
#b4b9d9
#b4b9d9
rgb(180,185,217)
-
#c1c5e0
#c1c5e0
rgb(193,197,224)
-
#ced1e6
#ced1e6
rgb(206,209,230)
-
#dbdded
#dbdded
rgb(219,221,237)
-
#e8eaf3
#e8eaf3
rgb(232,234,243)
-
#f5f6fa
#f5f6fa
rgb(245,246,250)
Tones of #505ba0
A tone is produced by adding gray to any pure hue. In this case, #75767b is the less saturated color, while #0625ea is the most saturated one.
-
#75767b
#75767b
rgb(117,118,123)
-
#6c6f84
#6c6f84
rgb(108,111,132)
-
#62688e
#62688e
rgb(98,104,142)
-
#596297
#596297
rgb(89,98,151)
-
#505ba0
#505ba0
rgb(80,91,160)
-
#4754a9
#4754a9
rgb(71,84,169)
-
#3e4eb2
#3e4eb2
rgb(62,78,178)
-
#3447bc
#3447bc
rgb(52,71,188)
-
#2b40c5
#2b40c5
rgb(43,64,197)
-
#223ace
#223ace
rgb(34,58,206)
-
#1933d7
#1933d7
rgb(25,51,215)
-
#0f2ce1
#0f2ce1
rgb(15,44,225)
-
#0625ea
#0625ea
rgb(6,37,234)
Color Blindness Simulator
Below, you can see how #505ba0 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.