#507af3 Color Information
In a RGB color space, hex #507af3 is composed of 31.4% red, 47.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 49.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 224.5 degrees, a saturation of 87.2% and a lightness of 63.3%. #507af3 color hex could be obtained by blending #a0f4ff with #0000e7. Closest websafe color is: #6666ff.
-
- R 31
- G 48
- B 95
-
- C 67
- M 50
- Y 0
- K 5
● #507af3 color description : Soft blue.
#507af3 Color Conversion
The hexadecimal color #507af3 has RGB values of R:80, G:122, B:243 and CMYK values of C:0.67, M:0.5, Y:0, K:0.05. Its decimal value is 5274355.
Hex triplet | 507af3 | #507af3 |
---|---|---|
RGB Decimal | 80, 122, 243 | rgb(80,122,243) |
RGB Percent | 31.4, 47.8, 95.3 | rgb(31.4%,47.8%,95.3%) |
CMYK | 67, 50, 0, 5 | |
HSL | 224.5°, 87.2, 63.3 | hsl(224.5,87.2%,63.3%) |
HSV (or HSB) | 224.5°, 67.1, 95.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 54.127, 24.134, -65.148 |
---|---|
XYZ | 26.442, 22.094, 87.66 |
xyY | 0.194, 0.162, 22.094 |
CIE-LCH | 54.127, 69.475, 290.327 |
CIE-LUV | 54.127, -19.332, -104.173 |
Hunter-Lab | 47.004, 18.157, -77.67 |
Binary | 01010000, 01111010, 11110011 |
Color Schemes with #507af3
Alternatives to #507af3
Below, you can see some colors close to #507af3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#507af3 Preview
This text has a font color of #507af3.
<span style="color:#507af3;">Text here</span>
This paragraph has a background color of #507af3.
<p style="background-color:#507af3;">Content here</p>
This element has a border color of #507af3.
<div style="border:1px solid #507af3;">Content here</div>
.text {color:#507af3;}
.background {background-color:#507af3;}
.border {border:1px solid #507af3;}
Shades and Tints of #507af3
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, #010309 is the darkest color, while #f5f8fe is the lightest one.
-
#010309
#010309
rgb(1,3,9)
-
#02081b
#02081b
rgb(2,8,27)
-
#030e2d
#030e2d
rgb(3,14,45)
-
#041440
#041440
rgb(4,20,64)
-
#061952
#061952
rgb(6,25,82)
-
#071f64
#071f64
rgb(7,31,100)
-
#082577
#082577
rgb(8,37,119)
-
#092a89
#092a89
rgb(9,42,137)
-
#0b309b
#0b309b
rgb(11,48,155)
-
#0c36ae
#0c36ae
rgb(12,54,174)
-
#0d3bc0
#0d3bc0
rgb(13,59,192)
-
#0e41d2
#0e41d2
rgb(14,65,210)
-
#1047e5
#1047e5
rgb(16,71,229)
-
#1950ef
#1950ef
rgb(25,80,239)
-
#2b5ef0
#2b5ef0
rgb(43,94,240)
-
#3e6cf2
#3e6cf2
rgb(62,108,242)
-
#507af3
#507af3
rgb(80,122,243)
-
#6288f4
#6288f4
rgb(98,136,244)
-
#7596f6
#7596f6
rgb(117,150,246)
-
#87a4f7
#87a4f7
rgb(135,164,247)
-
#99b2f8
#99b2f8
rgb(153,178,248)
-
#acc0f9
#acc0f9
rgb(172,192,249)
-
#becefb
#becefb
rgb(190,206,251)
-
#d0dcfc
#d0dcfc
rgb(208,220,252)
-
#e3eafd
#e3eafd
rgb(227,234,253)
-
#f5f8fe
#f5f8fe
rgb(245,248,254)
Tones of #507af3
A tone is produced by adding gray to any pure hue. In this case, #9fa0a4 is the less saturated color, while #4977fa is the most saturated one.
-
#9fa0a4
#9fa0a4
rgb(159,160,164)
-
#989dab
#989dab
rgb(152,157,171)
-
#9199b2
#9199b2
rgb(145,153,178)
-
#8a96b9
#8a96b9
rgb(138,150,185)
-
#8292c1
#8292c1
rgb(130,146,193)
-
#7b8fc8
#7b8fc8
rgb(123,143,200)
-
#748bcf
#748bcf
rgb(116,139,207)
-
#6d88d6
#6d88d6
rgb(109,136,214)
-
#6684dd
#6684dd
rgb(102,132,221)
-
#5e81e5
#5e81e5
rgb(94,129,229)
-
#577dec
#577dec
rgb(87,125,236)
-
#507af3
#507af3
rgb(80,122,243)
-
#4977fa
#4977fa
rgb(73,119,250)
Color Blindness Simulator
Below, you can see how #507af3 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.