#508cd9 Color Information
In a RGB color space, hex #508cd9 is composed of 31.4% red, 54.9% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 35.5% magenta, 0% yellow and 14.9% black. It has a hue angle of 213.7 degrees, a saturation of 64.3% and a lightness of 58.2%. #508cd9 color hex could be obtained by blending #a0ffff with #0019b3. Closest websafe color is: #6699cc.
-
- R 31
- G 55
- B 85
-
- C 63
- M 35
- Y 0
- K 15
● #508cd9 color description : Soft blue.
#508cd9 Color Conversion
The hexadecimal color #508cd9 has RGB values of R:80, G:140, B:217 and CMYK values of C:0.63, M:0.35, Y:0, K:0.15. Its decimal value is 5278937.
Hex triplet | 508cd9 | #508cd9 |
---|---|---|
RGB Decimal | 80, 140, 217 | rgb(80,140,217) |
RGB Percent | 31.4, 54.9, 85.1 | rgb(31.4%,54.9%,85.1%) |
CMYK | 63, 35, 0, 15 | |
HSL | 213.7°, 64.3, 58.2 | hsl(213.7,64.3%,58.2%) |
HSV (or HSB) | 213.7°, 63.1, 85.1 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 57.53, 4.304, -45.202 |
---|---|
XYZ | 25.208, 25.47, 69.23 |
xyY | 0.21, 0.212, 25.47 |
CIE-LCH | 57.53, 45.406, 275.439 |
CIE-LUV | 57.53, -25.332, -71.479 |
Hunter-Lab | 50.468, 0.84, -46.005 |
Binary | 01010000, 10001100, 11011001 |
Color Schemes with #508cd9
Alternatives to #508cd9
Below, you can see some colors close to #508cd9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#508cd9 Preview
This text has a font color of #508cd9.
<span style="color:#508cd9;">Text here</span>
This paragraph has a background color of #508cd9.
<p style="background-color:#508cd9;">Content here</p>
This element has a border color of #508cd9.
<div style="border:1px solid #508cd9;">Content here</div>
.text {color:#508cd9;}
.background {background-color:#508cd9;}
.border {border:1px solid #508cd9;}
Shades and Tints of #508cd9
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, #000102 is the darkest color, while #f1f6fc is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#040a12
#040a12
rgb(4,10,18)
-
#071323
#071323
rgb(7,19,35)
-
#0b1c33
#0b1c33
rgb(11,28,51)
-
#0e2543
#0e2543
rgb(14,37,67)
-
#122e53
#122e53
rgb(18,46,83)
-
#153763
#153763
rgb(21,55,99)
-
#194073
#194073
rgb(25,64,115)
-
#1c4983
#1c4983
rgb(28,73,131)
-
#205293
#205293
rgb(32,82,147)
-
#235ca3
#235ca3
rgb(35,92,163)
-
#2765b4
#2765b4
rgb(39,101,180)
-
#2a6ec4
#2a6ec4
rgb(42,110,196)
-
#3077d2
#3077d2
rgb(48,119,210)
-
#4081d6
#4081d6
rgb(64,129,214)
-
#508cd9
#508cd9
rgb(80,140,217)
-
#6097dc
#6097dc
rgb(96,151,220)
-
#70a1e0
#70a1e0
rgb(112,161,224)
-
#80ace3
#80ace3
rgb(128,172,227)
-
#90b6e7
#90b6e7
rgb(144,182,231)
-
#a1c1ea
#a1c1ea
rgb(161,193,234)
-
#b1ccee
#b1ccee
rgb(177,204,238)
-
#c1d6f1
#c1d6f1
rgb(193,214,241)
-
#d1e1f5
#d1e1f5
rgb(209,225,245)
-
#e1ebf8
#e1ebf8
rgb(225,235,248)
-
#f1f6fc
#f1f6fc
rgb(241,246,252)
Tones of #508cd9
A tone is produced by adding gray to any pure hue. In this case, #929497 is the less saturated color, while #2f88fa is the most saturated one.
-
#929497
#929497
rgb(146,148,151)
-
#8993a0
#8993a0
rgb(137,147,160)
-
#8192a8
#8192a8
rgb(129,146,168)
-
#7991b0
#7991b0
rgb(121,145,176)
-
#7190b8
#7190b8
rgb(113,144,184)
-
#698fc0
#698fc0
rgb(105,143,192)
-
#608ec9
#608ec9
rgb(96,142,201)
-
#588dd1
#588dd1
rgb(88,141,209)
-
#508cd9
#508cd9
rgb(80,140,217)
-
#488be1
#488be1
rgb(72,139,225)
-
#408ae9
#408ae9
rgb(64,138,233)
-
#3789f2
#3789f2
rgb(55,137,242)
-
#2f88fa
#2f88fa
rgb(47,136,250)
Color Blindness Simulator
Below, you can see how #508cd9 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.