#505bb4 Color Information
In a RGB color space, hex #505bb4 is composed of 31.4% red, 35.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 49.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 233.4 degrees, a saturation of 40% and a lightness of 51%. #505bb4 color hex could be obtained by blending #a0b6ff with #000069. Closest websafe color is: #6666cc.
-
- R 31
- G 36
- B 71
-
- C 56
- M 49
- Y 0
- K 29
● #505bb4 color description : Moderate blue.
#505bb4 Color Conversion
The hexadecimal color #505bb4 has RGB values of R:80, G:91, B:180 and CMYK values of C:0.56, M:0.49, Y:0, K:0.29. Its decimal value is 5266356.
Hex triplet | 505bb4 | #505bb4 |
---|---|---|
RGB Decimal | 80, 91, 180 | rgb(80,91,180) |
RGB Percent | 31.4, 35.7, 70.6 | rgb(31.4%,35.7%,70.6%) |
CMYK | 56, 49, 0, 29 | |
HSL | 233.4°, 40, 51 | hsl(233.4,40%,51%) |
HSV (or HSB) | 233.4°, 55.6, 70.6 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 41.973, 22.025, -48.781 |
---|---|
XYZ | 15.286, 12.482, 44.781 |
xyY | 0.211, 0.172, 12.482 |
CIE-LCH | 41.973, 53.523, 294.3 |
CIE-LUV | 41.973, -8.911, -73.578 |
Hunter-Lab | 35.33, 15.401, -50.419 |
Binary | 01010000, 01011011, 10110100 |
Color Schemes with #505bb4
Alternatives to #505bb4
Below, you can see some colors close to #505bb4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505bb4 Preview
This text has a font color of #505bb4.
<span style="color:#505bb4;">Text here</span>
This paragraph has a background color of #505bb4.
<p style="background-color:#505bb4;">Content here</p>
This element has a border color of #505bb4.
<div style="border:1px solid #505bb4;">Content here</div>
.text {color:#505bb4;}
.background {background-color:#505bb4;}
.border {border:1px solid #505bb4;}
Shades and Tints of #505bb4
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, #010203 is the darkest color, while #f5f5fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#070811
#070811
rgb(7,8,17)
-
#0d0f1f
#0d0f1f
rgb(13,15,31)
-
#13162d
#13162d
rgb(19,22,45)
-
#191d3a
#191d3a
rgb(25,29,58)
-
#1f2348
#1f2348
rgb(31,35,72)
-
#252a56
#252a56
rgb(37,42,86)
-
#2b3164
#2b3164
rgb(43,49,100)
-
#313871
#313871
rgb(49,56,113)
-
#363e7f
#363e7f
rgb(54,62,127)
-
#3c458d
#3c458d
rgb(60,69,141)
-
#424c9b
#424c9b
rgb(66,76,155)
-
#4853a8
#4853a8
rgb(72,83,168)
-
#505bb4
#505bb4
rgb(80,91,180)
-
#5e68ba
#5e68ba
rgb(94,104,186)
-
#6b75c0
#6b75c0
rgb(107,117,192)
-
#7982c6
#7982c6
rgb(121,130,198)
-
#878ecc
#878ecc
rgb(135,142,204)
-
#959bd1
#959bd1
rgb(149,155,209)
-
#a2a8d7
#a2a8d7
rgb(162,168,215)
-
#b0b5dd
#b0b5dd
rgb(176,181,221)
-
#bec2e3
#bec2e3
rgb(190,194,227)
-
#cccfe9
#cccfe9
rgb(204,207,233)
-
#d9dcef
#d9dcef
rgb(217,220,239)
-
#e7e9f5
#e7e9f5
rgb(231,233,245)
-
#f5f5fb
#f5f5fb
rgb(245,245,251)
Tones of #505bb4
A tone is produced by adding gray to any pure hue. In this case, #808184 is the less saturated color, while #0d27f7 is the most saturated one.
-
#808184
#808184
rgb(128,129,132)
-
#76798e
#76798e
rgb(118,121,142)
-
#6d7297
#6d7297
rgb(109,114,151)
-
#636aa1
#636aa1
rgb(99,106,161)
-
#5a63aa
#5a63aa
rgb(90,99,170)
-
#505bb4
#505bb4
rgb(80,91,180)
-
#4654be
#4654be
rgb(70,84,190)
-
#3d4cc7
#3d4cc7
rgb(61,76,199)
-
#3345d1
#3345d1
rgb(51,69,209)
-
#2a3dda
#2a3dda
rgb(42,61,218)
-
#2036e4
#2036e4
rgb(32,54,228)
-
#162eee
#162eee
rgb(22,46,238)
-
#0d27f7
#0d27f7
rgb(13,39,247)
Color Blindness Simulator
Below, you can see how #505bb4 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.