#509bce Color Information
In a RGB color space, hex #509bce is composed of 31.4% red, 60.8% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 24.8% magenta, 0% yellow and 19.2% black. It has a hue angle of 204.3 degrees, a saturation of 56.3% and a lightness of 56.1%. #509bce color hex could be obtained by blending #a0ffff with #00379d. Closest websafe color is: #6699cc.
-
- R 31
- G 61
- B 81
-
- C 61
- M 25
- Y 0
- K 19
● #509bce color description : Moderate blue.
#509bce Color Conversion
The hexadecimal color #509bce has RGB values of R:80, G:155, B:206 and CMYK values of C:0.61, M:0.25, Y:0, K:0.19. Its decimal value is 5282766.
Hex triplet | 509bce | #509bce |
---|---|---|
RGB Decimal | 80, 155, 206 | rgb(80,155,206) |
RGB Percent | 31.4, 60.8, 80.8 | rgb(31.4%,60.8%,80.8%) |
CMYK | 61, 25, 0, 19 | |
HSL | 204.3°, 56.3, 56.1 | hsl(204.3,56.3%,56.1%) |
HSV (or HSB) | 204.3°, 61.2, 80.8 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 61.31, -7.962, -33.12 |
---|---|
XYZ | 26.167, 29.603, 62.724 |
xyY | 0.221, 0.25, 29.603 |
CIE-LCH | 61.31, 34.064, 256.484 |
CIE-LUV | 61.31, -30.971, -50.747 |
Hunter-Lab | 54.408, -9.365, -30.266 |
Binary | 01010000, 10011011, 11001110 |
Color Schemes with #509bce
Alternatives to #509bce
Below, you can see some colors close to #509bce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#509bce Preview
This text has a font color of #509bce.
<span style="color:#509bce;">Text here</span>
This paragraph has a background color of #509bce.
<p style="background-color:#509bce;">Content here</p>
This element has a border color of #509bce.
<div style="border:1px solid #509bce;">Content here</div>
.text {color:#509bce;}
.background {background-color:#509bce;}
.border {border:1px solid #509bce;}
Shades and Tints of #509bce
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 #f9fbfd is the lightest one.
-
#020609
#020609
rgb(2,6,9)
-
#071118
#071118
rgb(7,17,24)
-
#0b1c28
#0b1c28
rgb(11,28,40)
-
#0f2737
#0f2737
rgb(15,39,55)
-
#143246
#143246
rgb(20,50,70)
-
#183d56
#183d56
rgb(24,61,86)
-
#1c4765
#1c4765
rgb(28,71,101)
-
#215274
#215274
rgb(33,82,116)
-
#255d83
#255d83
rgb(37,93,131)
-
#296893
#296893
rgb(41,104,147)
-
#2d73a2
#2d73a2
rgb(45,115,162)
-
#327eb1
#327eb1
rgb(50,126,177)
-
#3689c1
#3689c1
rgb(54,137,193)
-
#4192ca
#4192ca
rgb(65,146,202)
-
#509bce
#509bce
rgb(80,155,206)
-
#5fa4d2
#5fa4d2
rgb(95,164,210)
-
#6fadd7
#6fadd7
rgb(111,173,215)
-
#7eb5db
#7eb5db
rgb(126,181,219)
-
#8dbedf
#8dbedf
rgb(141,190,223)
-
#9dc7e3
#9dc7e3
rgb(157,199,227)
-
#acd0e8
#acd0e8
rgb(172,208,232)
-
#bbd8ec
#bbd8ec
rgb(187,216,236)
-
#cbe1f0
#cbe1f0
rgb(203,225,240)
-
#daeaf5
#daeaf5
rgb(218,234,245)
-
#e9f3f9
#e9f3f9
rgb(233,243,249)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #509bce
A tone is produced by adding gray to any pure hue. In this case, #8c9092 is the less saturated color, while #25a3f9 is the most saturated one.
-
#8c9092
#8c9092
rgb(140,144,146)
-
#84919a
#84919a
rgb(132,145,154)
-
#7b93a3
#7b93a3
rgb(123,147,163)
-
#7294ac
#7294ac
rgb(114,148,172)
-
#6a96b4
#6a96b4
rgb(106,150,180)
-
#6198bd
#6198bd
rgb(97,152,189)
-
#5999c5
#5999c5
rgb(89,153,197)
-
#509bce
#509bce
rgb(80,155,206)
-
#479dd7
#479dd7
rgb(71,157,215)
-
#3f9edf
#3f9edf
rgb(63,158,223)
-
#36a0e8
#36a0e8
rgb(54,160,232)
-
#2ea2f0
#2ea2f0
rgb(46,162,240)
-
#25a3f9
#25a3f9
rgb(37,163,249)
Color Blindness Simulator
Below, you can see how #509bce 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.