#509cbb Color Information
In a RGB color space, hex #509cbb is composed of 31.4% red, 61.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 16.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 197.4 degrees, a saturation of 44% and a lightness of 52.4%. #509cbb color hex could be obtained by blending #a0ffff with #003977. Closest websafe color is: #6699cc.
-
- R 31
- G 61
- B 73
-
- C 57
- M 17
- Y 0
- K 27
● #509cbb color description : Moderate blue.
#509cbb Color Conversion
The hexadecimal color #509cbb has RGB values of R:80, G:156, B:187 and CMYK values of C:0.57, M:0.17, Y:0, K:0.27. Its decimal value is 5283003.
Hex triplet | 509cbb | #509cbb |
---|---|---|
RGB Decimal | 80, 156, 187 | rgb(80,156,187) |
RGB Percent | 31.4, 61.2, 73.3 | rgb(31.4%,61.2%,73.3%) |
CMYK | 57, 17, 0, 27 | |
HSL | 197.4°, 44, 52.4 | hsl(197.4,44%,52.4%) |
HSV (or HSB) | 197.4°, 57.2, 73.3 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 60.842, -14.468, -23.189 |
---|---|
XYZ | 24.164, 29.069, 51.348 |
xyY | 0.231, 0.278, 29.069 |
CIE-LCH | 60.842, 27.332, 238.039 |
CIE-LUV | 60.842, -32.018, -33.548 |
Hunter-Lab | 53.915, -14.351, -18.726 |
Binary | 01010000, 10011100, 10111011 |
Color Schemes with #509cbb
Alternatives to #509cbb
Below, you can see some colors close to #509cbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#509cbb Preview
This text has a font color of #509cbb.
<span style="color:#509cbb;">Text here</span>
This paragraph has a background color of #509cbb.
<p style="background-color:#509cbb;">Content here</p>
This element has a border color of #509cbb.
<div style="border:1px solid #509cbb;">Content here</div>
.text {color:#509cbb;}
.background {background-color:#509cbb;}
.border {border:1px solid #509cbb;}
Shades and Tints of #509cbb
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, #030709 is the darkest color, while #fafcfd is the lightest one.
-
#030709
#030709
rgb(3,7,9)
-
#091317
#091317
rgb(9,19,23)
-
#0e1e25
#0e1e25
rgb(14,30,37)
-
#142a33
#142a33
rgb(20,42,51)
-
#193641
#193641
rgb(25,54,65)
-
#1f414f
#1f414f
rgb(31,65,79)
-
#244d5d
#244d5d
rgb(36,77,93)
-
#2a586c
#2a586c
rgb(42,88,108)
-
#2f647a
#2f647a
rgb(47,100,122)
-
#357088
#357088
rgb(53,112,136)
-
#3a7b96
#3a7b96
rgb(58,123,150)
-
#4087a4
#4087a4
rgb(64,135,164)
-
#4593b2
#4593b2
rgb(69,147,178)
-
#509cbb
#509cbb
rgb(80,156,187)
-
#5ea4c0
#5ea4c0
rgb(94,164,192)
-
#6cacc6
#6cacc6
rgb(108,172,198)
-
#7ab4cb
#7ab4cb
rgb(122,180,203)
-
#89bcd1
#89bcd1
rgb(137,188,209)
-
#97c4d6
#97c4d6
rgb(151,196,214)
-
#a5ccdc
#a5ccdc
rgb(165,204,220)
-
#b3d4e1
#b3d4e1
rgb(179,212,225)
-
#c1dce7
#c1dce7
rgb(193,220,231)
-
#cfe4ec
#cfe4ec
rgb(207,228,236)
-
#ddecf2
#ddecf2
rgb(221,236,242)
-
#ebf4f7
#ebf4f7
rgb(235,244,247)
-
#fafcfd
#fafcfd
rgb(250,252,253)
Tones of #509cbb
A tone is produced by adding gray to any pure hue. In this case, #7f888c is the less saturated color, while #0fb8fc is the most saturated one.
-
#7f888c
#7f888c
rgb(127,136,140)
-
#758c96
#758c96
rgb(117,140,150)
-
#6c909f
#6c909f
rgb(108,144,159)
-
#6394a8
#6394a8
rgb(99,148,168)
-
#5998b2
#5998b2
rgb(89,152,178)
-
#509cbb
#509cbb
rgb(80,156,187)
-
#47a0c4
#47a0c4
rgb(71,160,196)
-
#3da4ce
#3da4ce
rgb(61,164,206)
-
#34a8d7
#34a8d7
rgb(52,168,215)
-
#2bace0
#2bace0
rgb(43,172,224)
-
#21b0ea
#21b0ea
rgb(33,176,234)
-
#18b4f3
#18b4f3
rgb(24,180,243)
-
#0fb8fc
#0fb8fc
rgb(15,184,252)
Color Blindness Simulator
Below, you can see how #509cbb 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.