#504cf3 Color Information
In a RGB color space, hex #504cf3 is composed of 31.4% red, 29.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 68.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 241.4 degrees, a saturation of 87.4% and a lightness of 62.5%. #504cf3 color hex could be obtained by blending #a098ff with #0000e7. Closest websafe color is: #6633ff.
-
- R 31
- G 30
- B 95
-
- C 67
- M 69
- Y 0
- K 5
● #504cf3 color description : Soft blue.
#504cf3 Color Conversion
The hexadecimal color #504cf3 has RGB values of R:80, G:76, B:243 and CMYK values of C:0.67, M:0.69, Y:0, K:0.05. Its decimal value is 5262579.
Hex triplet | 504cf3 | #504cf3 |
---|---|---|
RGB Decimal | 80, 76, 243 | rgb(80,76,243) |
RGB Percent | 31.4, 29.8, 95.3 | rgb(31.4%,29.8%,95.3%) |
CMYK | 67, 69, 0, 5 | |
HSL | 241.4°, 87.4, 62.5 | hsl(241.4,87.4%,62.5%) |
HSV (or HSB) | 241.4°, 68.7, 95.3 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 43.277, 51.801, -82.816 |
---|---|
XYZ | 22.067, 13.344, 86.202 |
xyY | 0.181, 0.11, 13.344 |
CIE-LCH | 43.277, 97.682, 302.026 |
CIE-LUV | 43.277, -8.027, -122.967 |
Hunter-Lab | 36.53, 43.902, -114.34 |
Binary | 01010000, 01001100, 11110011 |
Color Schemes with #504cf3
Alternatives to #504cf3
Below, you can see some colors close to #504cf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#504cf3 Preview
This text has a font color of #504cf3.
<span style="color:#504cf3;">Text here</span>
This paragraph has a background color of #504cf3.
<p style="background-color:#504cf3;">Content here</p>
This element has a border color of #504cf3.
<div style="border:1px solid #504cf3;">Content here</div>
.text {color:#504cf3;}
.background {background-color:#504cf3;}
.border {border:1px solid #504cf3;}
Shades and Tints of #504cf3
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, #000005 is the darkest color, while #f2f1fe is the lightest one.
-
#000005
#000005
rgb(0,0,5)
-
#020217
#020217
rgb(2,2,23)
-
#04032a
#04032a
rgb(4,3,42)
-
#05043c
#05043c
rgb(5,4,60)
-
#07054e
#07054e
rgb(7,5,78)
-
#090661
#090661
rgb(9,6,97)
-
#0a0873
#0a0873
rgb(10,8,115)
-
#0c0986
#0c0986
rgb(12,9,134)
-
#0e0a98
#0e0a98
rgb(14,10,152)
-
#0f0baa
#0f0baa
rgb(15,11,170)
-
#110dbd
#110dbd
rgb(17,13,189)
-
#130ecf
#130ecf
rgb(19,14,207)
-
#140fe1
#140fe1
rgb(20,15,225)
-
#1a15ef
#1a15ef
rgb(26,21,239)
-
#2c27f1
#2c27f1
rgb(44,39,241)
-
#3e3af2
#3e3af2
rgb(62,58,242)
-
#504cf3
#504cf3
rgb(80,76,243)
-
#625ef4
#625ef4
rgb(98,94,244)
-
#7471f5
#7471f5
rgb(116,113,245)
-
#8683f7
#8683f7
rgb(134,131,247)
-
#9896f8
#9896f8
rgb(152,150,248)
-
#aaa8f9
#aaa8f9
rgb(170,168,249)
-
#bcbafa
#bcbafa
rgb(188,186,250)
-
#cecdfc
#cecdfc
rgb(206,205,252)
-
#e0dffd
#e0dffd
rgb(224,223,253)
-
#f2f1fe
#f2f1fe
rgb(242,241,254)
Tones of #504cf3
A tone is produced by adding gray to any pure hue. In this case, #9d9da2 is the less saturated color, while #4945fa is the most saturated one.
-
#9d9da2
#9d9da2
rgb(157,157,162)
-
#9695aa
#9695aa
rgb(150,149,170)
-
#8f8eb1
#8f8eb1
rgb(143,142,177)
-
#8887b8
#8887b8
rgb(136,135,184)
-
#817fc0
#817fc0
rgb(129,127,192)
-
#7a78c7
#7a78c7
rgb(122,120,199)
-
#7371ce
#7371ce
rgb(115,113,206)
-
#6c69d6
#6c69d6
rgb(108,105,214)
-
#6562dd
#6562dd
rgb(101,98,221)
-
#5e5be4
#5e5be4
rgb(94,91,228)
-
#5753ec
#5753ec
rgb(87,83,236)
-
#504cf3
#504cf3
rgb(80,76,243)
-
#4945fa
#4945fa
rgb(73,69,250)
Color Blindness Simulator
Below, you can see how #504cf3 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.