#507ae1 Color Information
In a RGB color space, hex #507ae1 is composed of 31.4% red, 47.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 45.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 222.6 degrees, a saturation of 70.7% and a lightness of 59.8%. #507ae1 color hex could be obtained by blending #a0f4ff with #0000c3. Closest websafe color is: #6666cc.
-
- R 31
- G 48
- B 88
-
- C 64
- M 46
- Y 0
- K 12
● #507ae1 color description : Soft blue.
#507ae1 Color Conversion
The hexadecimal color #507ae1 has RGB values of R:80, G:122, B:225 and CMYK values of C:0.64, M:0.46, Y:0, K:0.12. Its decimal value is 5274337.
Hex triplet | 507ae1 | #507ae1 |
---|---|---|
RGB Decimal | 80, 122, 225 | rgb(80,122,225) |
RGB Percent | 31.4, 47.8, 88.2 | rgb(31.4%,47.8%,88.2%) |
CMYK | 64, 46, 0, 12 | |
HSL | 222.6°, 70.7, 59.8 | hsl(222.6,70.7%,59.8%) |
HSV (or HSB) | 222.6°, 64.4, 88.2 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 53.014, 17.918, -56.881 |
---|---|
XYZ | 23.855, 21.059, 74.038 |
xyY | 0.201, 0.177, 21.059 |
CIE-LCH | 53.014, 59.636, 287.485 |
CIE-LUV | 53.014, -19.302, -90.285 |
Hunter-Lab | 45.89, 12.482, -63.533 |
Binary | 01010000, 01111010, 11100001 |
Color Schemes with #507ae1
Alternatives to #507ae1
Below, you can see some colors close to #507ae1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#507ae1 Preview
This text has a font color of #507ae1.
<span style="color:#507ae1;">Text here</span>
This paragraph has a background color of #507ae1.
<p style="background-color:#507ae1;">Content here</p>
This element has a border color of #507ae1.
<div style="border:1px solid #507ae1;">Content here</div>
.text {color:#507ae1;}
.background {background-color:#507ae1;}
.border {border:1px solid #507ae1;}
Shades and Tints of #507ae1
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, #020409 is the darkest color, while #f7f9fe is the lightest one.
-
#020409
#020409
rgb(2,4,9)
-
#040b1a
#040b1a
rgb(4,11,26)
-
#07122b
#07122b
rgb(7,18,43)
-
#0a183b
#0a183b
rgb(10,24,59)
-
#0d1f4c
#0d1f4c
rgb(13,31,76)
-
#10265d
#10265d
rgb(16,38,93)
-
#132d6e
#132d6e
rgb(19,45,110)
-
#16347e
#16347e
rgb(22,52,126)
-
#193b8f
#193b8f
rgb(25,59,143)
-
#1b42a0
#1b42a0
rgb(27,66,160)
-
#1e49b1
#1e49b1
rgb(30,73,177)
-
#2150c1
#2150c1
rgb(33,80,193)
-
#2456d2
#2456d2
rgb(36,86,210)
-
#2f61db
#2f61db
rgb(47,97,219)
-
#3f6dde
#3f6dde
rgb(63,109,222)
-
#507ae1
#507ae1
rgb(80,122,225)
-
#6187e4
#6187e4
rgb(97,135,228)
-
#7193e7
#7193e7
rgb(113,147,231)
-
#82a0ea
#82a0ea
rgb(130,160,234)
-
#93adec
#93adec
rgb(147,173,236)
-
#a4baef
#a4baef
rgb(164,186,239)
-
#b4c6f2
#b4c6f2
rgb(180,198,242)
-
#c5d3f5
#c5d3f5
rgb(197,211,245)
-
#d6e0f8
#d6e0f8
rgb(214,224,248)
-
#e7edfb
#e7edfb
rgb(231,237,251)
-
#f7f9fe
#f7f9fe
rgb(247,249,254)
Tones of #507ae1
A tone is produced by adding gray to any pure hue. In this case, #97989a is the less saturated color, while #3870f9 is the most saturated one.
-
#97989a
#97989a
rgb(151,152,154)
-
#8f95a2
#8f95a2
rgb(143,149,162)
-
#8791aa
#8791aa
rgb(135,145,170)
-
#7f8eb2
#7f8eb2
rgb(127,142,178)
-
#778bba
#778bba
rgb(119,139,186)
-
#7087c1
#7087c1
rgb(112,135,193)
-
#6884c9
#6884c9
rgb(104,132,201)
-
#6081d1
#6081d1
rgb(96,129,209)
-
#587dd9
#587dd9
rgb(88,125,217)
-
#507ae1
#507ae1
rgb(80,122,225)
-
#4877e9
#4877e9
rgb(72,119,233)
-
#4073f1
#4073f1
rgb(64,115,241)
-
#3870f9
#3870f9
rgb(56,112,249)
Color Blindness Simulator
Below, you can see how #507ae1 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.