#509fd2 Color Information
In a RGB color space, hex #509fd2 is composed of 31.4% red, 62.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 24.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 203.5 degrees, a saturation of 59.1% and a lightness of 56.9%. #509fd2 color hex could be obtained by blending #a0ffff with #003fa5. Closest websafe color is: #6699cc.
-
- R 31
- G 62
- B 82
-
- C 62
- M 24
- Y 0
- K 18
● #509fd2 color description : Moderate blue.
#509fd2 Color Conversion
The hexadecimal color #509fd2 has RGB values of R:80, G:159, B:210 and CMYK values of C:0.62, M:0.24, Y:0, K:0.18. Its decimal value is 5283794.
Hex triplet | 509fd2 | #509fd2 |
---|---|---|
RGB Decimal | 80, 159, 210 | rgb(80,159,210) |
RGB Percent | 31.4, 62.4, 82.4 | rgb(31.4%,62.4%,82.4%) |
CMYK | 62, 24, 0, 18 | |
HSL | 203.5°, 59.1, 56.9 | hsl(203.5,59.1%,56.9%) |
HSV (or HSB) | 203.5°, 61.9, 82.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.637, -8.907, -33.289 |
---|---|
XYZ | 27.336, 31.153, 65.542 |
xyY | 0.22, 0.251, 31.153 |
CIE-LCH | 62.637, 34.46, 255.02 |
CIE-LUV | 62.637, -32.291, -51.081 |
Hunter-Lab | 55.815, -10.252, -30.552 |
Binary | 01010000, 10011111, 11010010 |
Color Schemes with #509fd2
Alternatives to #509fd2
Below, you can see some colors close to #509fd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#509fd2 Preview
This text has a font color of #509fd2.
<span style="color:#509fd2;">Text here</span>
This paragraph has a background color of #509fd2.
<p style="background-color:#509fd2;">Content here</p>
This element has a border color of #509fd2.
<div style="border:1px solid #509fd2;">Content here</div>
.text {color:#509fd2;}
.background {background-color:#509fd2;}
.border {border:1px solid #509fd2;}
Shades and Tints of #509fd2
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, #03090c is the darkest color, while #fcfdfe is the lightest one.
-
#03090c
#03090c
rgb(3,9,12)
-
#07141c
#07141c
rgb(7,20,28)
-
#0b1f2b
#0b1f2b
rgb(11,31,43)
-
#0f2a3b
#0f2a3b
rgb(15,42,59)
-
#13354b
#13354b
rgb(19,53,75)
-
#17405a
#17405a
rgb(23,64,90)
-
#1b4b6a
#1b4b6a
rgb(27,75,106)
-
#1f5679
#1f5679
rgb(31,86,121)
-
#236189
#236189
rgb(35,97,137)
-
#276c99
#276c99
rgb(39,108,153)
-
#2b77a8
#2b77a8
rgb(43,119,168)
-
#2f82b8
#2f82b8
rgb(47,130,184)
-
#338dc7
#338dc7
rgb(51,141,199)
-
#4096ce
#4096ce
rgb(64,150,206)
-
#509fd2
#509fd2
rgb(80,159,210)
-
#60a8d6
#60a8d6
rgb(96,168,214)
-
#6fb0da
#6fb0da
rgb(111,176,218)
-
#7fb9de
#7fb9de
rgb(127,185,222)
-
#8ec1e2
#8ec1e2
rgb(142,193,226)
-
#9ecae6
#9ecae6
rgb(158,202,230)
-
#aed2ea
#aed2ea
rgb(174,210,234)
-
#bddbee
#bddbee
rgb(189,219,238)
-
#cde3f2
#cde3f2
rgb(205,227,242)
-
#dcecf6
#dcecf6
rgb(220,236,246)
-
#ecf5fa
#ecf5fa
rgb(236,245,250)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #509fd2
A tone is produced by adding gray to any pure hue. In this case, #8b9297 is the less saturated color, while #26a8fc is the most saturated one.
-
#8b9297
#8b9297
rgb(139,146,151)
-
#83949f
#83949f
rgb(131,148,159)
-
#7a96a8
#7a96a8
rgb(122,150,168)
-
#7298b0
#7298b0
rgb(114,152,176)
-
#699ab9
#699ab9
rgb(105,154,185)
-
#619bc1
#619bc1
rgb(97,155,193)
-
#589dca
#589dca
rgb(88,157,202)
-
#509fd2
#509fd2
rgb(80,159,210)
-
#48a1da
#48a1da
rgb(72,161,218)
-
#3fa3e3
#3fa3e3
rgb(63,163,227)
-
#37a4eb
#37a4eb
rgb(55,164,235)
-
#2ea6f4
#2ea6f4
rgb(46,166,244)
-
#26a8fc
#26a8fc
rgb(38,168,252)
Color Blindness Simulator
Below, you can see how #509fd2 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.