#508cec hex color

In a RGB color space, hex #508cec is composed of 31.4% red, 54.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 40.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 216.9 degrees, a saturation of 80.4% and a lightness of 62%. #508cec color hex could be obtained by blending #a0ffff with #0019d9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 55
- B 93
RGB color chart
- C 66
- M 41
- Y 0
- K 7
CMYK color chart

● #508cec color description : Soft blue.

The hexadecimal color #508cec has RGB values of R:80, G:140, B:236 and CMYK values of C:0.66, M:0.41, Y:0, K:0.07. Its decimal value is 5278956.

Hex triplet	508cec	`#508cec`
RGB Decimal	80, 140, 236	`rgb(80,140,236)`
RGB Percent	31.4, 54.9, 92.5	`rgb(31.4%,54.9%,92.5%)`
CMYK	66, 41, 0, 7
HSL	216.9°, 80.4, 62	`hsl(216.9,80.4%,62%)`
HSV (or HSB)	216.9°, 66.1, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.524, 10.769, -54.213
XYZ	27.823, 26.516, 83.004
xyY	0.203, 0.193, 26.516
CIE-LCH	58.524, 55.272, 281.235
CIE-LUV	58.524, -24.998, -87.164
Hunter-Lab	51.494, 6.334, -59.526
Binary	01010000, 10001100, 11101100

#508cec
```
#508cec rgb(80,140,236)
```
#ecb050
```
#ecb050 rgb(236,176,80)
```

Complementary Color

#50daec
```
#50daec rgb(80,218,236)
```
#508cec
```
#508cec rgb(80,140,236)
```
#6250ec
```
#6250ec rgb(98,80,236)
```

Analogous Color

#daec50
```
#daec50 rgb(218,236,80)
```
#508cec
```
#508cec rgb(80,140,236)
```
#ec6250
```
#ec6250 rgb(236,98,80)
```

Split Complementary Color

#8cec50
```
#8cec50 rgb(140,236,80)
```
#508cec
```
#508cec rgb(80,140,236)
```
#ec508c
```
#ec508c rgb(236,80,140)
```

Triadic Color

#50ecb0
```
#50ecb0 rgb(80,236,176)
```
#508cec
```
#508cec rgb(80,140,236)
```
#ec508c
```
#ec508c rgb(236,80,140)
```
#ecb050
```
#ecb050 rgb(236,176,80)
```

Tetradic Color

#1762d8
```
#1762d8 rgb(23,98,216)
```
#226ee7
```
#226ee7 rgb(34,110,231)
```
#397dea
```
#397dea rgb(57,125,234)
```
#508cec
```
#508cec rgb(80,140,236)
```
#679bee
```
#679bee rgb(103,155,238)
```
#7eaaf1
```
#7eaaf1 rgb(126,170,241)
```
#95b9f3
```
#95b9f3 rgb(149,185,243)
```

Monochromatic Color

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

#50b3ec
```
#50b3ec rgb(80,179,236)
```
#50a6ec
```
#50a6ec rgb(80,166,236)
```
#5099ec
```
#5099ec rgb(80,153,236)
```
#508cec
```
#508cec rgb(80,140,236)
```
#507fec
```
#507fec rgb(80,127,236)
```
#5072ec
```
#5072ec rgb(80,114,236)
```
#5065ec
```
#5065ec rgb(80,101,236)
```

Similar Colors

Text with hexadecimal color #508cec

This text has a font color of #508cec.

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

#508cec background color

This paragraph has a background color of #508cec.

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

#508cec border color

This element has a border color of #508cec.

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

CSS codes

.text {color:#508cec;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020914
```
#020914 rgb(2,9,20)
```
#041125
```
#041125 rgb(4,17,37)
```
#061937
```
#061937 rgb(6,25,55)
```
#082149
```
#082149 rgb(8,33,73)
```
#0a295a
```
#0a295a rgb(10,41,90)
```
#0c316c
```
#0c316c rgb(12,49,108)
```
#0e397e
```
#0e397e rgb(14,57,126)
```
#10418f
```
#10418f rgb(16,65,143)
```
#1249a1
```
#1249a1 rgb(18,73,161)
```
#1351b3
```
#1351b3 rgb(19,81,179)
```
#1559c5
```
#1559c5 rgb(21,89,197)
```
#1761d6
```
#1761d6 rgb(23,97,214)
```

Shade Color Variation

#1b69e6
```
#1b69e6 rgb(27,105,230)
```
#2d75e8
```
#2d75e8 rgb(45,117,232)
```
#3e80ea
```
#3e80ea rgb(62,128,234)
```
#508cec
```
#508cec rgb(80,140,236)
```
#6298ee
```
#6298ee rgb(98,152,238)
```
#73a3f0
```
#73a3f0 rgb(115,163,240)
```
#85aff2
```
#85aff2 rgb(133,175,242)
```
#97bbf4
```
#97bbf4 rgb(151,187,244)
```
#a8c6f6
```
#a8c6f6 rgb(168,198,246)
```
#bad2f8
```
#bad2f8 rgb(186,210,248)
```
#ccddf9
```
#ccddf9 rgb(204,221,249)
```
#dee9fb
```
#dee9fb rgb(222,233,251)
```
#eff5fd
```
#eff5fd rgb(239,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9da1 is the less saturated color, while #4189fb is the most saturated one.

#9b9da1
```
#9b9da1 rgb(155,157,161)
```
#939ba9
```
#939ba9 rgb(147,155,169)
```
#8c9ab0
```
#8c9ab0 rgb(140,154,176)
```
#8498b8
```
#8498b8 rgb(132,152,184)
```
#7d96bf
```
#7d96bf rgb(125,150,191)
```
#7595c7
```
#7595c7 rgb(117,149,199)
```
#6e93ce
```
#6e93ce rgb(110,147,206)
```
#6691d6
```
#6691d6 rgb(102,145,214)
```
#5f8fdd
```
#5f8fdd rgb(95,143,221)
```
#578ee5
```
#578ee5 rgb(87,142,229)
```
#508cec
```
#508cec rgb(80,140,236)
```
#498af3
```
#498af3 rgb(73,138,243)
```
#4189fb
```
#4189fb rgb(65,137,251)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7a869a Atypical Achromatopsia 0.001% of the population

Dichromacy

#688feb Protanopia 1% of men
#4b93ec Deuteranopia 1% of men
#11a0ac Tritanopia 0.001% of the population

Trichromacy

#5f8eeb Protanomaly 1% of men, 0.01% of women
#4d91ec Deuteranomaly 6% of men, 0.4% of women
#2899c3 Tritanomaly 0.01% of the population

#508cec hex color

#508cec Color Information

#508cec Color Conversion

Color Schemes with #508cec

Alternatives to #508cec

#508cec Preview

Shades and Tints of #508cec

Tones of #508cec

Color Blindness Simulator