#508ccc Color Information
In a RGB color space, hex #508ccc is composed of 31.4% red, 54.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 31.4% magenta, 0% yellow and 20% black. It has a hue angle of 211 degrees, a saturation of 54.9% and a lightness of 55.7%. #508ccc color hex could be obtained by blending #a0ffff with #001999. Closest websafe color is: #6699cc.
-
- R 31
- G 55
- B 80
-
- C 61
- M 31
- Y 0
- K 20
● #508ccc color description : Moderate blue.
#508ccc Color Conversion
The hexadecimal color #508ccc has RGB values of R:80, G:140, B:204 and CMYK values of C:0.61, M:0.31, Y:0, K:0.2. Its decimal value is 5278924.
Hex triplet | 508ccc | #508ccc |
---|---|---|
RGB Decimal | 80, 140, 204 | rgb(80,140,204) |
RGB Percent | 31.4, 54.9, 80 | rgb(31.4%,54.9%,80%) |
CMYK | 61, 31, 0, 20 | |
HSL | 211°, 54.9, 55.7 | hsl(211,54.9%,55.7%) |
HSV (or HSB) | 211°, 60.8, 80 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.899, -0.033, -38.889 |
---|---|
XYZ | 23.583, 24.82, 60.671 |
xyY | 0.216, 0.228, 24.82 |
CIE-LCH | 56.899, 38.889, 269.951 |
CIE-LUV | 56.899, -25.598, -60.505 |
Hunter-Lab | 49.819, -2.688, -37.331 |
Binary | 01010000, 10001100, 11001100 |
Color Schemes with #508ccc
Alternatives to #508ccc
Below, you can see some colors close to #508ccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#508ccc Preview
This text has a font color of #508ccc.
<span style="color:#508ccc;">Text here</span>
This paragraph has a background color of #508ccc.
<p style="background-color:#508ccc;">Content here</p>
This element has a border color of #508ccc.
<div style="border:1px solid #508ccc;">Content here</div>
.text {color:#508ccc;}
.background {background-color:#508ccc;}
.border {border:1px solid #508ccc;}
Shades and Tints of #508ccc
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, #020507 is the darkest color, while #f7fafd is the lightest one.
-
#020507
#020507
rgb(2,5,7)
-
#070e16
#070e16
rgb(7,14,22)
-
#0b1826
#0b1826
rgb(11,24,38)
-
#0f2235
#0f2235
rgb(15,34,53)
-
#142b44
#142b44
rgb(20,43,68)
-
#183553
#183553
rgb(24,53,83)
-
#1d3e62
#1d3e62
rgb(29,62,98)
-
#214872
#214872
rgb(33,72,114)
-
#265281
#265281
rgb(38,82,129)
-
#2a5b90
#2a5b90
rgb(42,91,144)
-
#2e659f
#2e659f
rgb(46,101,159)
-
#336fae
#336fae
rgb(51,111,174)
-
#3778be
#3778be
rgb(55,120,190)
-
#4182c8
#4182c8
rgb(65,130,200)
-
#508ccc
#508ccc
rgb(80,140,204)
-
#5f96d0
#5f96d0
rgb(95,150,208)
-
#6ea0d5
#6ea0d5
rgb(110,160,213)
-
#7eaad9
#7eaad9
rgb(126,170,217)
-
#8db4de
#8db4de
rgb(141,180,222)
-
#9cbee2
#9cbee2
rgb(156,190,226)
-
#abc8e7
#abc8e7
rgb(171,200,231)
-
#bad2eb
#bad2eb
rgb(186,210,235)
-
#cadcef
#cadcef
rgb(202,220,239)
-
#d9e6f4
#d9e6f4
rgb(217,230,244)
-
#e8f0f8
#e8f0f8
rgb(232,240,248)
-
#f7fafd
#f7fafd
rgb(247,250,253)
Tones of #508ccc
A tone is produced by adding gray to any pure hue. In this case, #8d8e8f is the less saturated color, while #258bf7 is the most saturated one.
-
#8d8e8f
#8d8e8f
rgb(141,142,143)
-
#848e98
#848e98
rgb(132,142,152)
-
#7b8da1
#7b8da1
rgb(123,141,161)
-
#738da9
#738da9
rgb(115,141,169)
-
#6a8db2
#6a8db2
rgb(106,141,178)
-
#618dbb
#618dbb
rgb(97,141,187)
-
#598cc3
#598cc3
rgb(89,140,195)
-
#508ccc
#508ccc
rgb(80,140,204)
-
#478cd5
#478cd5
rgb(71,140,213)
-
#3f8bdd
#3f8bdd
rgb(63,139,221)
-
#368be6
#368be6
rgb(54,139,230)
-
#2d8bef
#2d8bef
rgb(45,139,239)
-
#258bf7
#258bf7
rgb(37,139,247)
Color Blindness Simulator
Below, you can see how #508ccc 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.