#505cbb Color Information
In a RGB color space, hex #505cbb is composed of 31.4% red, 36.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 50.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 233.3 degrees, a saturation of 44% and a lightness of 52.4%. #505cbb color hex could be obtained by blending #a0b8ff with #000077. Closest websafe color is: #6666cc.
-
- R 31
- G 36
- B 73
-
- C 57
- M 51
- Y 0
- K 27
● #505cbb color description : Moderate blue.
#505cbb Color Conversion
The hexadecimal color #505cbb has RGB values of R:80, G:92, B:187 and CMYK values of C:0.57, M:0.51, Y:0, K:0.27. Its decimal value is 5266619.
Hex triplet | 505cbb | #505cbb |
---|---|---|
RGB Decimal | 80, 92, 187 | rgb(80,92,187) |
RGB Percent | 31.4, 36.1, 73.3 | rgb(31.4%,36.1%,73.3%) |
CMYK | 57, 51, 0, 27 | |
HSL | 233.3°, 44, 52.4 | hsl(233.3,44%,52.4%) |
HSV (or HSB) | 233.3°, 57.2, 73.3 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 42.683, 23.725, -51.733 |
---|---|
XYZ | 16.103, 12.947, 48.661 |
xyY | 0.207, 0.167, 12.947 |
CIE-LCH | 42.683, 56.914, 294.637 |
CIE-LUV | 42.683, -9.462, -78.401 |
Hunter-Lab | 35.982, 16.917, -54.996 |
Binary | 01010000, 01011100, 10111011 |
Color Schemes with #505cbb
Alternatives to #505cbb
Below, you can see some colors close to #505cbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505cbb Preview
This text has a font color of #505cbb.
<span style="color:#505cbb;">Text here</span>
This paragraph has a background color of #505cbb.
<p style="background-color:#505cbb;">Content here</p>
This element has a border color of #505cbb.
<div style="border:1px solid #505cbb;">Content here</div>
.text {color:#505cbb;}
.background {background-color:#505cbb;}
.border {border:1px solid #505cbb;}
Shades and Tints of #505cbb
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, #030409 is the darkest color, while #fafafd is the lightest one.
-
#030409
#030409
rgb(3,4,9)
-
#090a17
#090a17
rgb(9,10,23)
-
#0e1125
#0e1125
rgb(14,17,37)
-
#141733
#141733
rgb(20,23,51)
-
#191e41
#191e41
rgb(25,30,65)
-
#1f244f
#1f244f
rgb(31,36,79)
-
#242b5d
#242b5d
rgb(36,43,93)
-
#2a316c
#2a316c
rgb(42,49,108)
-
#2f387a
#2f387a
rgb(47,56,122)
-
#353e88
#353e88
rgb(53,62,136)
-
#3a4596
#3a4596
rgb(58,69,150)
-
#404ba4
#404ba4
rgb(64,75,164)
-
#4551b2
#4551b2
rgb(69,81,178)
-
#505cbb
#505cbb
rgb(80,92,187)
-
#5e69c0
#5e69c0
rgb(94,105,192)
-
#6c76c6
#6c76c6
rgb(108,118,198)
-
#7a83cb
#7a83cb
rgb(122,131,203)
-
#8991d1
#8991d1
rgb(137,145,209)
-
#979ed6
#979ed6
rgb(151,158,214)
-
#a5abdc
#a5abdc
rgb(165,171,220)
-
#b3b8e1
#b3b8e1
rgb(179,184,225)
-
#c1c5e7
#c1c5e7
rgb(193,197,231)
-
#cfd2ec
#cfd2ec
rgb(207,210,236)
-
#dde0f2
#dde0f2
rgb(221,224,242)
-
#ebedf7
#ebedf7
rgb(235,237,247)
-
#fafafd
#fafafd
rgb(250,250,253)
Tones of #505cbb
A tone is produced by adding gray to any pure hue. In this case, #7f808c is the less saturated color, while #0f29fc is the most saturated one.
-
#7f808c
#7f808c
rgb(127,128,140)
-
#757996
#757996
rgb(117,121,150)
-
#6c729f
#6c729f
rgb(108,114,159)
-
#636aa8
#636aa8
rgb(99,106,168)
-
#5963b2
#5963b2
rgb(89,99,178)
-
#505cbb
#505cbb
rgb(80,92,187)
-
#4755c4
#4755c4
rgb(71,85,196)
-
#3d4ece
#3d4ece
rgb(61,78,206)
-
#3446d7
#3446d7
rgb(52,70,215)
-
#2b3fe0
#2b3fe0
rgb(43,63,224)
-
#2138ea
#2138ea
rgb(33,56,234)
-
#1831f3
#1831f3
rgb(24,49,243)
-
#0f29fc
#0f29fc
rgb(15,41,252)
Color Blindness Simulator
Below, you can see how #505cbb 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.