#509bb9 Color Information
In a RGB color space, hex #509bb9 is composed of 31.4% red, 60.8% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 16.2% magenta, 0% yellow and 27.5% black. It has a hue angle of 197.1 degrees, a saturation of 42.9% and a lightness of 52%. #509bb9 color hex could be obtained by blending #a0ffff with #003773. Closest websafe color is: #6699cc.
-
- R 31
- G 61
- B 73
-
- C 57
- M 16
- Y 0
- K 27
● #509bb9 color description : Moderate blue.
#509bb9 Color Conversion
The hexadecimal color #509bb9 has RGB values of R:80, G:155, B:185 and CMYK values of C:0.57, M:0.16, Y:0, K:0.27. Its decimal value is 5282745.
Hex triplet | 509bb9 | #509bb9 |
---|---|---|
RGB Decimal | 80, 155, 185 | rgb(80,155,185) |
RGB Percent | 31.4, 60.8, 72.5 | rgb(31.4%,60.8%,72.5%) |
CMYK | 57, 16, 0, 27 | |
HSL | 197.1°, 42.9, 52 | hsl(197.1,42.9%,52%) |
HSV (or HSB) | 197.1°, 56.8, 72.5 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 60.471, -14.536, -22.631 |
---|---|
XYZ | 23.784, 28.649, 50.173 |
xyY | 0.232, 0.279, 28.649 |
CIE-LCH | 60.471, 26.897, 237.288 |
CIE-LUV | 60.471, -31.711, -32.602 |
Hunter-Lab | 53.525, -14.351, -18.109 |
Binary | 01010000, 10011011, 10111001 |
Color Schemes with #509bb9
Alternatives to #509bb9
Below, you can see some colors close to #509bb9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#509bb9 Preview
This text has a font color of #509bb9.
<span style="color:#509bb9;">Text here</span>
This paragraph has a background color of #509bb9.
<p style="background-color:#509bb9;">Content here</p>
This element has a border color of #509bb9.
<div style="border:1px solid #509bb9;">Content here</div>
.text {color:#509bb9;}
.background {background-color:#509bb9;}
.border {border:1px solid #509bb9;}
Shades and Tints of #509bb9
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, #030607 is the darkest color, while #f8fbfc is the lightest one.
-
#030607
#030607
rgb(3,6,7)
-
#081215
#081215
rgb(8,18,21)
-
#0e1d23
#0e1d23
rgb(14,29,35)
-
#142931
#142931
rgb(20,41,49)
-
#19343f
#19343f
rgb(25,52,63)
-
#1f404d
#1f404d
rgb(31,64,77)
-
#244c5b
#244c5b
rgb(36,76,91)
-
#2a5769
#2a5769
rgb(42,87,105)
-
#306377
#306377
rgb(48,99,119)
-
#356e85
#356e85
rgb(53,110,133)
-
#3b7a93
#3b7a93
rgb(59,122,147)
-
#4186a1
#4186a1
rgb(65,134,161)
-
#4691af
#4691af
rgb(70,145,175)
-
#509bb9
#509bb9
rgb(80,155,185)
-
#5ea3bf
#5ea3bf
rgb(94,163,191)
-
#6cabc4
#6cabc4
rgb(108,171,196)
-
#7ab3ca
#7ab3ca
rgb(122,179,202)
-
#88bbcf
#88bbcf
rgb(136,187,207)
-
#96c3d5
#96c3d5
rgb(150,195,213)
-
#a4cbdb
#a4cbdb
rgb(164,203,219)
-
#b2d3e0
#b2d3e0
rgb(178,211,224)
-
#c0dbe6
#c0dbe6
rgb(192,219,230)
-
#cee3eb
#cee3eb
rgb(206,227,235)
-
#dcebf1
#dcebf1
rgb(220,235,241)
-
#eaf3f7
#eaf3f7
rgb(234,243,247)
-
#f8fbfc
#f8fbfc
rgb(248,251,252)
Tones of #509bb9
A tone is produced by adding gray to any pure hue. In this case, #7f878a is the less saturated color, while #0eb7fb is the most saturated one.
-
#7f878a
#7f878a
rgb(127,135,138)
-
#768b93
#768b93
rgb(118,139,147)
-
#6c8f9d
#6c8f9d
rgb(108,143,157)
-
#6393a6
#6393a6
rgb(99,147,166)
-
#5997b0
#5997b0
rgb(89,151,176)
-
#509bb9
#509bb9
rgb(80,155,185)
-
#479fc2
#479fc2
rgb(71,159,194)
-
#3da3cc
#3da3cc
rgb(61,163,204)
-
#34a7d5
#34a7d5
rgb(52,167,213)
-
#2aabdf
#2aabdf
rgb(42,171,223)
-
#21afe8
#21afe8
rgb(33,175,232)
-
#17b3f2
#17b3f2
rgb(23,179,242)
-
#0eb7fb
#0eb7fb
rgb(14,183,251)
Color Blindness Simulator
Below, you can see how #509bb9 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.