#505bb0 Color Information
In a RGB color space, hex #505bb0 is composed of 31.4% red, 35.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 48.3% magenta, 0% yellow and 31% black. It has a hue angle of 233.1 degrees, a saturation of 37.8% and a lightness of 50.2%. #505bb0 color hex could be obtained by blending #a0b6ff with #000061. Closest websafe color is: #666699.
-
- R 31
- G 36
- B 69
-
- C 55
- M 48
- Y 0
- K 31
● #505bb0 color description : Dark moderate blue.
#505bb0 Color Conversion
The hexadecimal color #505bb0 has RGB values of R:80, G:91, B:176 and CMYK values of C:0.55, M:0.48, Y:0, K:0.31. Its decimal value is 5266352.
Hex triplet | 505bb0 | #505bb0 |
---|---|---|
RGB Decimal | 80, 91, 176 | rgb(80,91,176) |
RGB Percent | 31.4, 35.7, 69 | rgb(31.4%,35.7%,69%) |
CMYK | 55, 48, 0, 31 | |
HSL | 233.1°, 37.8, 50.2 | hsl(233.1,37.8%,50.2%) |
HSV (or HSB) | 233.1°, 54.5, 69 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 41.723, 20.699, -46.832 |
---|---|
XYZ | 14.884, 12.322, 42.666 |
xyY | 0.213, 0.176, 12.322 |
CIE-LCH | 41.723, 51.202, 293.845 |
CIE-LUV | 41.723, -8.766, -70.479 |
Hunter-Lab | 35.102, 14.26, -47.494 |
Binary | 01010000, 01011011, 10110000 |
Color Schemes with #505bb0
Alternatives to #505bb0
Below, you can see some colors close to #505bb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505bb0 Preview
This text has a font color of #505bb0.
<span style="color:#505bb0;">Text here</span>
This paragraph has a background color of #505bb0.
<p style="background-color:#505bb0;">Content here</p>
This element has a border color of #505bb0.
<div style="border:1px solid #505bb0;">Content here</div>
.text {color:#505bb0;}
.background {background-color:#505bb0;}
.border {border:1px solid #505bb0;}
Shades and Tints of #505bb0
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, #000001 is the darkest color, while #f2f3f9 is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#06070e
#06070e
rgb(6,7,14)
-
#0d0e1c
#0d0e1c
rgb(13,14,28)
-
#131529
#131529
rgb(19,21,41)
-
#191c37
#191c37
rgb(25,28,55)
-
#1f2344
#1f2344
rgb(31,35,68)
-
#252a52
#252a52
rgb(37,42,82)
-
#2b315f
#2b315f
rgb(43,49,95)
-
#31386d
#31386d
rgb(49,56,109)
-
#373f7a
#373f7a
rgb(55,63,122)
-
#3d4688
#3d4688
rgb(61,70,136)
-
#434d95
#434d95
rgb(67,77,149)
-
#4a54a3
#4a54a3
rgb(74,84,163)
-
#505bb0
#505bb0
rgb(80,91,176)
-
#5e68b6
#5e68b6
rgb(94,104,182)
-
#6b74bc
#6b74bc
rgb(107,116,188)
-
#7981c2
#7981c2
rgb(121,129,194)
-
#868ec8
#868ec8
rgb(134,142,200)
-
#949acf
#949acf
rgb(148,154,207)
-
#a1a7d5
#a1a7d5
rgb(161,167,213)
-
#afb4db
#afb4db
rgb(175,180,219)
-
#bcc0e1
#bcc0e1
rgb(188,192,225)
-
#cacde7
#cacde7
rgb(202,205,231)
-
#d7daed
#d7daed
rgb(215,218,237)
-
#e5e6f3
#e5e6f3
rgb(229,230,243)
-
#f2f3f9
#f2f3f9
rgb(242,243,249)
Tones of #505bb0
A tone is produced by adding gray to any pure hue. In this case, #777989 is the less saturated color, while #021ffe is the most saturated one.
-
#777989
#777989
rgb(119,121,137)
-
#6d7293
#6d7293
rgb(109,114,147)
-
#646a9c
#646a9c
rgb(100,106,156)
-
#5a63a6
#5a63a6
rgb(90,99,166)
-
#505bb0
#505bb0
rgb(80,91,176)
-
#4653ba
#4653ba
rgb(70,83,186)
-
#3c4cc4
#3c4cc4
rgb(60,76,196)
-
#3344cd
#3344cd
rgb(51,68,205)
-
#293dd7
#293dd7
rgb(41,61,215)
-
#1f35e1
#1f35e1
rgb(31,53,225)
-
#152eeb
#152eeb
rgb(21,46,235)
-
#0c26f4
#0c26f4
rgb(12,38,244)
-
#021ffe
#021ffe
rgb(2,31,254)
Color Blindness Simulator
Below, you can see how #505bb0 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.