#508efc hex color

In a RGB color space, hex #508efc is composed of 31.4% red, 55.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 43.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 218.4 degrees, a saturation of 96.6% and a lightness of 65.1%. #508efc color hex could be obtained by blending #a0ffff with #001df9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 56
- B 99
RGB color chart
- C 68
- M 44
- Y 0
- K 1
CMYK color chart

● #508efc color description : Soft blue.

The hexadecimal color #508efc has RGB values of R:80, G:142, B:252 and CMYK values of C:0.68, M:0.44, Y:0, K:0.01. Its decimal value is 5279484.

Hex triplet	508efc	`#508efc`
RGB Decimal	80, 142, 252	`rgb(80,142,252)`
RGB Percent	31.4, 55.7, 98.8	`rgb(31.4%,55.7%,98.8%)`
CMYK	68, 44, 0, 1
HSL	218.4°, 96.6, 65.1	`hsl(218.4,96.6%,65.1%)`
HSV (or HSB)	218.4°, 68.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.959, 15.084, -60.748
XYZ	30.548, 28.078, 95.9
xyY	0.198, 0.182, 28.078
CIE-LCH	59.959, 62.593, 283.945
CIE-LUV	59.959, -25.398, -98.664
Hunter-Lab	52.988, 10.177, -70.213
Binary	01010000, 10001110, 11111100

#508efc
```
#508efc rgb(80,142,252)
```
#fcbe50
```
#fcbe50 rgb(252,190,80)
```

Complementary Color

#50e4fc
```
#50e4fc rgb(80,228,252)
```
#508efc
```
#508efc rgb(80,142,252)
```
#6850fc
```
#6850fc rgb(104,80,252)
```

Analogous Color

#e4fc50
```
#e4fc50 rgb(228,252,80)
```
#508efc
```
#508efc rgb(80,142,252)
```
#fc6850
```
#fc6850 rgb(252,104,80)
```

Split Complementary Color

#8efc50
```
#8efc50 rgb(142,252,80)
```
#508efc
```
#508efc rgb(80,142,252)
```
#fc508e
```
#fc508e rgb(252,80,142)
```

Triadic Color

#50fcbe
```
#50fcbe rgb(80,252,190)
```
#508efc
```
#508efc rgb(80,142,252)
```
#fc508e
```
#fc508e rgb(252,80,142)
```
#fcbe50
```
#fcbe50 rgb(252,190,80)
```

Tetradic Color

#055dfb
```
#055dfb rgb(5,93,251)
```
#1e6efb
```
#1e6efb rgb(30,110,251)
```
#377efc
```
#377efc rgb(55,126,252)
```
#508efc
```
#508efc rgb(80,142,252)
```
#699efc
```
#699efc rgb(105,158,252)
```
#82aefd
```
#82aefd rgb(130,174,253)
```
#9bbffd
```
#9bbffd rgb(155,191,253)
```

Monochromatic Color

Below, you can see some colors close to #508efc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#50b9fc
```
#50b9fc rgb(80,185,252)
```
#50abfc
```
#50abfc rgb(80,171,252)
```
#509cfc
```
#509cfc rgb(80,156,252)
```
#508efc
```
#508efc rgb(80,142,252)
```
#5080fc
```
#5080fc rgb(80,128,252)
```
#5071fc
```
#5071fc rgb(80,113,252)
```
#5063fc
```
#5063fc rgb(80,99,252)
```

Similar Colors

Text with hexadecimal color #508efc

This text has a font color of #508efc.

<span style="color:#508efc;">Text here</span>

#508efc background color

This paragraph has a background color of #508efc.

<p style="background-color:#508efc;">Content here</p>

#508efc border color

This element has a border color of #508efc.

<div style="border:1px solid #508efc;">Content here</div>

CSS codes

.text {color:#508efc;}

.background {background-color:#508efc;}

.border {border:1px solid #508efc;}

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, #000712 is the darkest color, while #fefeff is the lightest one.

#000712
```
#000712 rgb(0,7,18)
```
#010e25
```
#010e25 rgb(1,14,37)
```
#011538
```
#011538 rgb(1,21,56)
```
#011c4c
```
#011c4c rgb(1,28,76)
```
#02235f
```
#02235f rgb(2,35,95)
```
#022a72
```
#022a72 rgb(2,42,114)
```
#023286
```
#023286 rgb(2,50,134)
```
#033999
```
#033999 rgb(3,57,153)
```
#0340ac
```
#0340ac rgb(3,64,172)
```
#0347bf
```
#0347bf rgb(3,71,191)
```
#044ed3
```
#044ed3 rgb(4,78,211)
```
#0455e6
```
#0455e6 rgb(4,85,230)
```
#045df9
```
#045df9 rgb(4,93,249)
```

Shade Color Variation

#1669fb
```
#1669fb rgb(22,105,251)
```
#2975fb
```
#2975fb rgb(41,117,251)
```
#3d82fc
```
#3d82fc rgb(61,130,252)
```
#508efc
```
#508efc rgb(80,142,252)
```
#639afc
```
#639afc rgb(99,154,252)
```
#77a7fd
```
#77a7fd rgb(119,167,253)
```
#8ab3fd
```
#8ab3fd rgb(138,179,253)
```
#9dc0fd
```
#9dc0fd rgb(157,192,253)
```
#b0ccfe
```
#b0ccfe rgb(176,204,254)
```
#c4d9fe
```
#c4d9fe rgb(196,217,254)
```
#d7e5fe
```
#d7e5fe rgb(215,229,254)
```
#eaf2ff
```
#eaf2ff rgb(234,242,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a5aa is the less saturated color, while #508efc is the most saturated one.

#a2a5aa
```
#a2a5aa rgb(162,165,170)
```
#9ba3b1
```
#9ba3b1 rgb(155,163,177)
```
#94a1b8
```
#94a1b8 rgb(148,161,184)
```
#8e9fbe
```
#8e9fbe rgb(142,159,190)
```
#879dc5
```
#879dc5 rgb(135,157,197)
```
#809bcc
```
#809bcc rgb(128,155,204)
```
#7999d3
```
#7999d3 rgb(121,153,211)
```
#7298da
```
#7298da rgb(114,152,218)
```
#6b96e1
```
#6b96e1 rgb(107,150,225)
```
#6594e7
```
#6594e7 rgb(101,148,231)
```
#5e92ee
```
#5e92ee rgb(94,146,238)
```
#5790f5
```
#5790f5 rgb(87,144,245)
```
#508efc
```
#508efc rgb(80,142,252)
```

Tone Color Variation

Below, you can see how #508efc 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.

Monochromacy

#888888 Achromatopsia 0.005% of the population
#7d899f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6192fb Protanopia 1% of men
#3298fa Deuteranopia 1% of men
#00a4b0 Tritanopia 0.001% of the population

Trichromacy

#5a91fb Protanomaly 1% of men, 0.01% of women
#3d94fa Deuteranomaly 6% of men, 0.4% of women
#1d9ccb Tritanomaly 0.01% of the population

#508efc hex color

#508efc Color Information

#508efc Color Conversion

Color Schemes with #508efc

Alternatives to #508efc

#508efc Preview

Shades and Tints of #508efc

Tones of #508efc

Color Blindness Simulator