#509ae0 Color Information
In a RGB color space, hex #509ae0 is composed of 31.4% red, 60.4% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 31.3% magenta, 0% yellow and 12.2% black. It has a hue angle of 209.2 degrees, a saturation of 69.9% and a lightness of 59.6%. #509ae0 color hex could be obtained by blending #a0ffff with #0035c1. Closest websafe color is: #6699cc.
-
- R 31
- G 60
- B 88
-
- C 64
- M 31
- Y 0
- K 12
● #509ae0 color description : Soft blue.
#509ae0 Color Conversion
The hexadecimal color #509ae0 has RGB values of R:80, G:154, B:224 and CMYK values of C:0.64, M:0.31, Y:0, K:0.12. Its decimal value is 5282528.
Hex triplet | 509ae0 | #509ae0 |
---|---|---|
RGB Decimal | 80, 154, 224 | rgb(80,154,224) |
RGB Percent | 31.4, 60.4, 87.8 | rgb(31.4%,60.4%,87.8%) |
CMYK | 64, 31, 0, 12 | |
HSL | 209.2°, 69.9, 59.6 | hsl(209.2,69.9%,59.6%) |
HSV (or HSB) | 209.2°, 64.3, 87.8 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 61.823, -1.509, -42.336 |
---|---|
XYZ | 28.315, 30.197, 74.853 |
xyY | 0.212, 0.226, 30.197 |
CIE-LCH | 61.823, 42.363, 267.958 |
CIE-LUV | 61.823, -30.037, -66.947 |
Hunter-Lab | 54.951, -4.188, -42.297 |
Binary | 01010000, 10011010, 11100000 |
Color Schemes with #509ae0
Alternatives to #509ae0
Below, you can see some colors close to #509ae0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#509ae0 Preview
This text has a font color of #509ae0.
<span style="color:#509ae0;">Text here</span>
This paragraph has a background color of #509ae0.
<p style="background-color:#509ae0;">Content here</p>
This element has a border color of #509ae0.
<div style="border:1px solid #509ae0;">Content here</div>
.text {color:#509ae0;}
.background {background-color:#509ae0;}
.border {border:1px solid #509ae0;}
Shades and Tints of #509ae0
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, #010508 is the darkest color, while #f7fafe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#040f19
#040f19
rgb(4,15,25)
-
#07192a
#07192a
rgb(7,25,42)
-
#0a233a
#0a233a
rgb(10,35,58)
-
#0d2d4b
#0d2d4b
rgb(13,45,75)
-
#10375c
#10375c
rgb(16,55,92)
-
#13416c
#13416c
rgb(19,65,108)
-
#164b7d
#164b7d
rgb(22,75,125)
-
#19558e
#19558e
rgb(25,85,142)
-
#1c5f9e
#1c5f9e
rgb(28,95,158)
-
#1f69af
#1f69af
rgb(31,105,175)
-
#2273c0
#2273c0
rgb(34,115,192)
-
#257dd0
#257dd0
rgb(37,125,208)
-
#2f87da
#2f87da
rgb(47,135,218)
-
#3f90dd
#3f90dd
rgb(63,144,221)
-
#509ae0
#509ae0
rgb(80,154,224)
-
#61a4e3
#61a4e3
rgb(97,164,227)
-
#71ade6
#71ade6
rgb(113,173,230)
-
#82b7e9
#82b7e9
rgb(130,183,233)
-
#93c0ec
#93c0ec
rgb(147,192,236)
-
#a3caef
#a3caef
rgb(163,202,239)
-
#b4d4f2
#b4d4f2
rgb(180,212,242)
-
#c5ddf5
#c5ddf5
rgb(197,221,245)
-
#d5e7f8
#d5e7f8
rgb(213,231,248)
-
#e6f1fb
#e6f1fb
rgb(230,241,251)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #509ae0
A tone is produced by adding gray to any pure hue. In this case, #979899 is the less saturated color, while #389bf8 is the most saturated one.
-
#979899
#979899
rgb(151,152,153)
-
#8f98a1
#8f98a1
rgb(143,152,161)
-
#8798a9
#8798a9
rgb(135,152,169)
-
#8099b0
#8099b0
rgb(128,153,176)
-
#7899b8
#7899b8
rgb(120,153,184)
-
#7099c0
#7099c0
rgb(112,153,192)
-
#6899c8
#6899c8
rgb(104,153,200)
-
#609ad0
#609ad0
rgb(96,154,208)
-
#589ad8
#589ad8
rgb(88,154,216)
-
#509ae0
#509ae0
rgb(80,154,224)
-
#489ae8
#489ae8
rgb(72,154,232)
-
#409af0
#409af0
rgb(64,154,240)
-
#389bf8
#389bf8
rgb(56,155,248)
Color Blindness Simulator
Below, you can see how #509ae0 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.