#504fff Color Information
In a RGB color space, hex #504fff is composed of 31.4% red, 31% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 69% magenta, 0% yellow and 0% black. It has a hue angle of 240.3 degrees, a saturation of 100% and a lightness of 65.5%. #504fff color hex could be obtained by blending #a09eff with #0000ff. Closest websafe color is: #6666ff.
-
- R 31
- G 31
- B 100
-
- C 69
- M 69
- Y 0
- K 0
● #504fff color description : Light blue.
#504fff Color Conversion
The hexadecimal color #504fff has RGB values of R:80, G:79, B:255 and CMYK values of C:0.69, M:0.69, Y:0, K:0. Its decimal value is 5263359.
Hex triplet | 504fff | #504fff |
---|---|---|
RGB Decimal | 80, 79, 255 | rgb(80,79,255) |
RGB Percent | 31.4, 31, 100 | rgb(31.4%,31%,100%) |
CMYK | 69, 69, 0, 0 | |
HSL | 240.3°, 100, 65.5 | hsl(240.3,100%,65.5%) |
HSV (or HSB) | 240.3°, 69, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 44.964, 53.913, -86.756 |
---|---|
XYZ | 24.151, 14.516, 96.131 |
xyY | 0.179, 0.108, 14.516 |
CIE-LCH | 44.964, 102.143, 301.858 |
CIE-LUV | 44.964, -9.159, -129.749 |
Hunter-Lab | 38.1, 46.472, -122.927 |
Binary | 01010000, 01001111, 11111111 |
Color Schemes with #504fff
Alternatives to #504fff
Below, you can see some colors close to #504fff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#504fff Preview
This text has a font color of #504fff.
<span style="color:#504fff;">Text here</span>
This paragraph has a background color of #504fff.
<p style="background-color:#504fff;">Content here</p>
This element has a border color of #504fff.
<div style="border:1px solid #504fff;">Content here</div>
.text {color:#504fff;}
.background {background-color:#504fff;}
.border {border:1px solid #504fff;}
Shades and Tints of #504fff
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 #ececff is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#000014
#000014
rgb(0,0,20)
-
#000028
#000028
rgb(0,0,40)
-
#00003b
#00003b
rgb(0,0,59)
-
#00004f
#00004f
rgb(0,0,79)
-
#010063
#010063
rgb(1,0,99)
-
#010076
#010076
rgb(1,0,118)
-
#01008a
#01008a
rgb(1,0,138)
-
#01009d
#01009d
rgb(1,0,157)
-
#0100b1
#0100b1
rgb(1,0,177)
-
#0100c5
#0100c5
rgb(1,0,197)
-
#0100d8
#0100d8
rgb(1,0,216)
-
#0100ec
#0100ec
rgb(1,0,236)
-
#0201ff
#0201ff
rgb(2,1,255)
-
#1514ff
#1514ff
rgb(21,20,255)
-
#2928ff
#2928ff
rgb(41,40,255)
-
#3c3bff
#3c3bff
rgb(60,59,255)
-
#504fff
#504fff
rgb(80,79,255)
-
#6463ff
#6463ff
rgb(100,99,255)
-
#7776ff
#7776ff
rgb(119,118,255)
-
#8b8aff
#8b8aff
rgb(139,138,255)
-
#9e9dff
#9e9dff
rgb(158,157,255)
-
#b2b1ff
#b2b1ff
rgb(178,177,255)
-
#c5c5ff
#c5c5ff
rgb(197,197,255)
-
#d9d8ff
#d9d8ff
rgb(217,216,255)
-
#ececff
#ececff
rgb(236,236,255)
Tones of #504fff
A tone is produced by adding gray to any pure hue. In this case, #a0a0ae is the less saturated color, while #504fff is the most saturated one.
-
#a0a0ae
#a0a0ae
rgb(160,160,174)
-
#9a99b5
#9a99b5
rgb(154,153,181)
-
#9393bb
#9393bb
rgb(147,147,187)
-
#8c8cc2
#8c8cc2
rgb(140,140,194)
-
#8685c9
#8685c9
rgb(134,133,201)
-
#7f7ed0
#7f7ed0
rgb(127,126,208)
-
#7878d6
#7878d6
rgb(120,120,214)
-
#7171dd
#7171dd
rgb(113,113,221)
-
#6b6ae4
#6b6ae4
rgb(107,106,228)
-
#6463eb
#6463eb
rgb(100,99,235)
-
#5d5df1
#5d5df1
rgb(93,93,241)
-
#5756f8
#5756f8
rgb(87,86,248)
-
#504fff
#504fff
rgb(80,79,255)
Color Blindness Simulator
Below, you can see how #504fff 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.