#509ed9 Color Information
In a RGB color space, hex #509ed9 is composed of 31.4% red, 62% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 27.2% magenta, 0% yellow and 14.9% black. It has a hue angle of 205.8 degrees, a saturation of 64.3% and a lightness of 58.2%. #509ed9 color hex could be obtained by blending #a0ffff with #003db3. Closest websafe color is: #6699cc.
-
- R 31
- G 62
- B 85
-
- C 63
- M 27
- Y 0
- K 15
● #509ed9 color description : Soft blue.
#509ed9 Color Conversion
The hexadecimal color #509ed9 has RGB values of R:80, G:158, B:217 and CMYK values of C:0.63, M:0.27, Y:0, K:0.15. Its decimal value is 5283545.
Hex triplet | 509ed9 | #509ed9 |
---|---|---|
RGB Decimal | 80, 158, 217 | rgb(80,158,217) |
RGB Percent | 31.4, 62, 85.1 | rgb(31.4%,62%,85.1%) |
CMYK | 63, 27, 0, 15 | |
HSL | 205.8°, 64.3, 58.2 | hsl(205.8,64.3%,58.2%) |
HSV (or HSB) | 205.8°, 63.1, 85.1 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.648, -6.085, -37.161 |
---|---|
XYZ | 28.056, 31.167, 70.179 |
xyY | 0.217, 0.241, 31.167 |
CIE-LCH | 62.648, 37.655, 260.7 |
CIE-LUV | 62.648, -31.683, -57.889 |
Hunter-Lab | 55.827, -7.991, -35.453 |
Binary | 01010000, 10011110, 11011001 |
Color Schemes with #509ed9
Alternatives to #509ed9
Below, you can see some colors close to #509ed9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#509ed9 Preview
This text has a font color of #509ed9.
<span style="color:#509ed9;">Text here</span>
This paragraph has a background color of #509ed9.
<p style="background-color:#509ed9;">Content here</p>
This element has a border color of #509ed9.
<div style="border:1px solid #509ed9;">Content here</div>
.text {color:#509ed9;}
.background {background-color:#509ed9;}
.border {border:1px solid #509ed9;}
Shades and Tints of #509ed9
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, #000202 is the darkest color, while #f1f7fc is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#040c12
#040c12
rgb(4,12,18)
-
#071723
#071723
rgb(7,23,35)
-
#0b2233
#0b2233
rgb(11,34,51)
-
#0e2c43
#0e2c43
rgb(14,44,67)
-
#123753
#123753
rgb(18,55,83)
-
#154263
#154263
rgb(21,66,99)
-
#194c73
#194c73
rgb(25,76,115)
-
#1c5783
#1c5783
rgb(28,87,131)
-
#206293
#206293
rgb(32,98,147)
-
#236ca3
#236ca3
rgb(35,108,163)
-
#2777b4
#2777b4
rgb(39,119,180)
-
#2a82c4
#2a82c4
rgb(42,130,196)
-
#308cd2
#308cd2
rgb(48,140,210)
-
#4095d6
#4095d6
rgb(64,149,214)
-
#509ed9
#509ed9
rgb(80,158,217)
-
#60a7dc
#60a7dc
rgb(96,167,220)
-
#70b0e0
#70b0e0
rgb(112,176,224)
-
#80b9e3
#80b9e3
rgb(128,185,227)
-
#90c2e7
#90c2e7
rgb(144,194,231)
-
#a1cbea
#a1cbea
rgb(161,203,234)
-
#b1d4ee
#b1d4ee
rgb(177,212,238)
-
#c1ddf1
#c1ddf1
rgb(193,221,241)
-
#d1e5f5
#d1e5f5
rgb(209,229,245)
-
#e1eef8
#e1eef8
rgb(225,238,248)
-
#f1f7fc
#f1f7fc
rgb(241,247,252)
Tones of #509ed9
A tone is produced by adding gray to any pure hue. In this case, #929597 is the less saturated color, while #2fa3fa is the most saturated one.
-
#929597
#929597
rgb(146,149,151)
-
#8996a0
#8996a0
rgb(137,150,160)
-
#8197a8
#8197a8
rgb(129,151,168)
-
#7998b0
#7998b0
rgb(121,152,176)
-
#7199b8
#7199b8
rgb(113,153,184)
-
#699bc0
#699bc0
rgb(105,155,192)
-
#609cc9
#609cc9
rgb(96,156,201)
-
#589dd1
#589dd1
rgb(88,157,209)
-
#509ed9
#509ed9
rgb(80,158,217)
-
#489fe1
#489fe1
rgb(72,159,225)
-
#40a0e9
#40a0e9
rgb(64,160,233)
-
#37a1f2
#37a1f2
rgb(55,161,242)
-
#2fa3fa
#2fa3fa
rgb(47,163,250)
Color Blindness Simulator
Below, you can see how #509ed9 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.