#503bff Color Information
In a RGB color space, hex #503bff is composed of 31.4% red, 23.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 76.9% magenta, 0% yellow and 0% black. It has a hue angle of 246.4 degrees, a saturation of 100% and a lightness of 61.6%. #503bff color hex could be obtained by blending #a076ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 31
- G 23
- B 100
-
- C 69
- M 77
- Y 0
- K 0
● #503bff color description : Light blue.
#503bff Color Conversion
The hexadecimal color #503bff has RGB values of R:80, G:59, B:255 and CMYK values of C:0.69, M:0.77, Y:0, K:0. Its decimal value is 5258239.
Hex triplet | 503bff | #503bff |
---|---|---|
RGB Decimal | 80, 59, 255 | rgb(80,59,255) |
RGB Percent | 31.4, 23.1, 100 | rgb(31.4%,23.1%,100%) |
CMYK | 69, 77, 0, 0 | |
HSL | 246.4°, 100, 61.6 | hsl(246.4,100%,61.6%) |
HSV (or HSB) | 246.4°, 76.9, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 41.299, 64.232, -92.801 |
---|---|
XYZ | 22.919, 12.052, 95.721 |
xyY | 0.175, 0.092, 12.052 |
CIE-LCH | 41.299, 112.862, 304.689 |
CIE-LUV | 41.299, -5.947, -132.804 |
Hunter-Lab | 34.716, 57.087, -139.175 |
Binary | 01010000, 00111011, 11111111 |
Color Schemes with #503bff
Alternatives to #503bff
Below, you can see some colors close to #503bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#503bff Preview
This text has a font color of #503bff.
<span style="color:#503bff;">Text here</span>
This paragraph has a background color of #503bff.
<p style="background-color:#503bff;">Content here</p>
This element has a border color of #503bff.
<div style="border:1px solid #503bff;">Content here</div>
.text {color:#503bff;}
.background {background-color:#503bff;}
.border {border:1px solid #503bff;}
Shades and Tints of #503bff
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, #000000 is the darkest color, while #eeecff is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#020014
#020014
rgb(2,0,20)
-
#040027
#040027
rgb(4,0,39)
-
#06003b
#06003b
rgb(6,0,59)
-
#08004f
#08004f
rgb(8,0,79)
-
#0b0062
#0b0062
rgb(11,0,98)
-
#0d0076
#0d0076
rgb(13,0,118)
-
#0f0089
#0f0089
rgb(15,0,137)
-
#11009d
#11009d
rgb(17,0,157)
-
#1300b1
#1300b1
rgb(19,0,177)
-
#1500c4
#1500c4
rgb(21,0,196)
-
#1700d8
#1700d8
rgb(23,0,216)
-
#1900ec
#1900ec
rgb(25,0,236)
-
#1b00ff
#1b00ff
rgb(27,0,255)
-
#2d14ff
#2d14ff
rgb(45,20,255)
-
#3e27ff
#3e27ff
rgb(62,39,255)
-
#503bff
#503bff
rgb(80,59,255)
-
#624fff
#624fff
rgb(98,79,255)
-
#7362ff
#7362ff
rgb(115,98,255)
-
#8576ff
#8576ff
rgb(133,118,255)
-
#9689ff
#9689ff
rgb(150,137,255)
-
#a89dff
#a89dff
rgb(168,157,255)
-
#b9b1ff
#b9b1ff
rgb(185,177,255)
-
#cbc4ff
#cbc4ff
rgb(203,196,255)
-
#dcd8ff
#dcd8ff
rgb(220,216,255)
-
#eeecff
#eeecff
rgb(238,236,255)
Tones of #503bff
A tone is produced by adding gray to any pure hue. In this case, #9795a5 is the less saturated color, while #503bff is the most saturated one.
-
#9795a5
#9795a5
rgb(151,149,165)
-
#918eac
#918eac
rgb(145,142,172)
-
#8b86b4
#8b86b4
rgb(139,134,180)
-
#857fbb
#857fbb
rgb(133,127,187)
-
#7f77c3
#7f77c3
rgb(127,119,195)
-
#7970ca
#7970ca
rgb(121,112,202)
-
#7468d2
#7468d2
rgb(116,104,210)
-
#6e61d9
#6e61d9
rgb(110,97,217)
-
#6859e1
#6859e1
rgb(104,89,225)
-
#6252e8
#6252e8
rgb(98,82,232)
-
#5c4af0
#5c4af0
rgb(92,74,240)
-
#5643f7
#5643f7
rgb(86,67,247)
-
#503bff
#503bff
rgb(80,59,255)
Color Blindness Simulator
Below, you can see how #503bff 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.