#509ce1 Color Information
In a RGB color space, hex #509ce1 is composed of 31.4% red, 61.2% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 30.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 208.6 degrees, a saturation of 70.7% and a lightness of 59.8%. #509ce1 color hex could be obtained by blending #a0ffff with #0039c3. Closest websafe color is: #6699cc.
-
- R 31
- G 61
- B 88
-
- C 64
- M 31
- Y 0
- K 12
● #509ce1 color description : Soft blue.
#509ce1 Color Conversion
The hexadecimal color #509ce1 has RGB values of R:80, G:156, B:225 and CMYK values of C:0.64, M:0.31, Y:0, K:0.12. Its decimal value is 5283041.
Hex triplet | 509ce1 | #509ce1 |
---|---|---|
RGB Decimal | 80, 156, 225 | rgb(80,156,225) |
RGB Percent | 31.4, 61.2, 88.2 | rgb(31.4%,61.2%,88.2%) |
CMYK | 64, 31, 0, 12 | |
HSL | 208.6°, 70.7, 59.8 | hsl(208.6,70.7%,59.8%) |
HSV (or HSB) | 208.6°, 64.4, 88.2 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.437, -2.322, -41.926 |
---|---|
XYZ | 28.784, 30.917, 75.681 |
xyY | 0.213, 0.228, 30.917 |
CIE-LCH | 62.437, 41.99, 266.831 |
CIE-LUV | 62.437, -30.709, -66.274 |
Hunter-Lab | 55.603, -4.9, -41.777 |
Binary | 01010000, 10011100, 11100001 |
Color Schemes with #509ce1
Alternatives to #509ce1
Below, you can see some colors close to #509ce1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#509ce1 Preview
This text has a font color of #509ce1.
<span style="color:#509ce1;">Text here</span>
This paragraph has a background color of #509ce1.
<p style="background-color:#509ce1;">Content here</p>
This element has a border color of #509ce1.
<div style="border:1px solid #509ce1;">Content here</div>
.text {color:#509ce1;}
.background {background-color:#509ce1;}
.border {border:1px solid #509ce1;}
Shades and Tints of #509ce1
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, #020609 is the darkest color, while #f7fbfe is the lightest one.
-
#020609
#020609
rgb(2,6,9)
-
#04101a
#04101a
rgb(4,16,26)
-
#071a2b
#071a2b
rgb(7,26,43)
-
#0a243b
#0a243b
rgb(10,36,59)
-
#0d2e4c
#0d2e4c
rgb(13,46,76)
-
#10385d
#10385d
rgb(16,56,93)
-
#13426e
#13426e
rgb(19,66,110)
-
#164d7e
#164d7e
rgb(22,77,126)
-
#19578f
#19578f
rgb(25,87,143)
-
#1b61a0
#1b61a0
rgb(27,97,160)
-
#1e6bb1
#1e6bb1
rgb(30,107,177)
-
#2175c1
#2175c1
rgb(33,117,193)
-
#247fd2
#247fd2
rgb(36,127,210)
-
#2f89db
#2f89db
rgb(47,137,219)
-
#3f93de
#3f93de
rgb(63,147,222)
-
#509ce1
#509ce1
rgb(80,156,225)
-
#61a5e4
#61a5e4
rgb(97,165,228)
-
#71afe7
#71afe7
rgb(113,175,231)
-
#82b8ea
#82b8ea
rgb(130,184,234)
-
#93c2ec
#93c2ec
rgb(147,194,236)
-
#a4cbef
#a4cbef
rgb(164,203,239)
-
#b4d5f2
#b4d5f2
rgb(180,213,242)
-
#c5def5
#c5def5
rgb(197,222,245)
-
#d6e8f8
#d6e8f8
rgb(214,232,248)
-
#e7f1fb
#e7f1fb
rgb(231,241,251)
-
#f7fbfe
#f7fbfe
rgb(247,251,254)
Tones of #509ce1
A tone is produced by adding gray to any pure hue. In this case, #97999a is the less saturated color, while #389df9 is the most saturated one.
-
#97999a
#97999a
rgb(151,153,154)
-
#8f99a2
#8f99a2
rgb(143,153,162)
-
#8799aa
#8799aa
rgb(135,153,170)
-
#7f9ab2
#7f9ab2
rgb(127,154,178)
-
#779aba
#779aba
rgb(119,154,186)
-
#709ac1
#709ac1
rgb(112,154,193)
-
#689bc9
#689bc9
rgb(104,155,201)
-
#609bd1
#609bd1
rgb(96,155,209)
-
#589cd9
#589cd9
rgb(88,156,217)
-
#509ce1
#509ce1
rgb(80,156,225)
-
#489ce9
#489ce9
rgb(72,156,233)
-
#409df1
#409df1
rgb(64,157,241)
-
#389df9
#389df9
rgb(56,157,249)
Color Blindness Simulator
Below, you can see how #509ce1 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.