#509eff Color Information
In a RGB color space, hex #509eff is composed of 31.4% red, 62% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 38% magenta, 0% yellow and 0% black. It has a hue angle of 213.3 degrees, a saturation of 100% and a lightness of 65.7%. #509eff color hex could be obtained by blending #a0ffff with #003dff. Closest websafe color is: #6699ff.
-
- R 31
- G 62
- B 100
-
- C 69
- M 38
- Y 0
- K 0
● #509eff color description : Light blue.
#509eff Color Conversion
The hexadecimal color #509eff has RGB values of R:80, G:158, B:255 and CMYK values of C:0.69, M:0.38, Y:0, K:0. Its decimal value is 5283583.
Hex triplet | 509eff | #509eff |
---|---|---|
RGB Decimal | 80, 158, 255 | rgb(80,158,255) |
RGB Percent | 31.4, 62, 100 | rgb(31.4%,62%,100%) |
CMYK | 69, 38, 0, 0 | |
HSL | 213.3°, 100, 65.7 | hsl(213.3,100%,65.7%) |
HSV (or HSB) | 213.3°, 68.6, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 64.465, 6.641, -55.203 |
---|---|
XYZ | 33.581, 33.377, 99.275 |
xyY | 0.202, 0.201, 33.377 |
CIE-LCH | 64.465, 55.601, 276.86 |
CIE-LUV | 64.465, -30.508, -89.934 |
Hunter-Lab | 57.773, 2.653, -61.441 |
Binary | 01010000, 10011110, 11111111 |
Color Schemes with #509eff
Alternatives to #509eff
Below, you can see some colors close to #509eff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#509eff Preview
This text has a font color of #509eff.
<span style="color:#509eff;">Text here</span>
This paragraph has a background color of #509eff.
<p style="background-color:#509eff;">Content here</p>
This element has a border color of #509eff.
<div style="border:1px solid #509eff;">Content here</div>
.text {color:#509eff;}
.background {background-color:#509eff;}
.border {border:1px solid #509eff;}
Shades and Tints of #509eff
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 #edf5ff is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#000915
#000915
rgb(0,9,21)
-
#001229
#001229
rgb(0,18,41)
-
#001b3c
#001b3c
rgb(0,27,60)
-
#002450
#002450
rgb(0,36,80)
-
#002c64
#002c64
rgb(0,44,100)
-
#003577
#003577
rgb(0,53,119)
-
#003e8b
#003e8b
rgb(0,62,139)
-
#00479e
#00479e
rgb(0,71,158)
-
#004fb2
#004fb2
rgb(0,79,178)
-
#0058c6
#0058c6
rgb(0,88,198)
-
#0061d9
#0061d9
rgb(0,97,217)
-
#006aed
#006aed
rgb(0,106,237)
-
#0273ff
#0273ff
rgb(2,115,255)
-
#157dff
#157dff
rgb(21,125,255)
-
#2988ff
#2988ff
rgb(41,136,255)
-
#3c93ff
#3c93ff
rgb(60,147,255)
-
#509eff
#509eff
rgb(80,158,255)
-
#64a9ff
#64a9ff
rgb(100,169,255)
-
#77b4ff
#77b4ff
rgb(119,180,255)
-
#8bbfff
#8bbfff
rgb(139,191,255)
-
#9ec9ff
#9ec9ff
rgb(158,201,255)
-
#b2d4ff
#b2d4ff
rgb(178,212,255)
-
#c6dfff
#c6dfff
rgb(198,223,255)
-
#d9eaff
#d9eaff
rgb(217,234,255)
-
#edf5ff
#edf5ff
rgb(237,245,255)
Tones of #509eff
A tone is produced by adding gray to any pure hue. In this case, #a1a7ae is the less saturated color, while #509eff is the most saturated one.
-
#a1a7ae
#a1a7ae
rgb(161,167,174)
-
#9aa6b5
#9aa6b5
rgb(154,166,181)
-
#93a5bc
#93a5bc
rgb(147,165,188)
-
#8da5c2
#8da5c2
rgb(141,165,194)
-
#86a4c9
#86a4c9
rgb(134,164,201)
-
#7fa3d0
#7fa3d0
rgb(127,163,208)
-
#78a2d7
#78a2d7
rgb(120,162,215)
-
#72a2dd
#72a2dd
rgb(114,162,221)
-
#6ba1e4
#6ba1e4
rgb(107,161,228)
-
#64a0eb
#64a0eb
rgb(100,160,235)
-
#5d9ff2
#5d9ff2
rgb(93,159,242)
-
#579ff8
#579ff8
rgb(87,159,248)
-
#509eff
#509eff
rgb(80,158,255)
Color Blindness Simulator
Below, you can see how #509eff 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.