#508cee hex color

In a RGB color space, hex #508cee is composed of 31.4% red, 54.9% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 41.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 217.2 degrees, a saturation of 82.3% and a lightness of 62.4%. #508cee color hex could be obtained by blending #a0ffff with #0019dd. 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

● #508cee color description : Soft blue.

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

Hex triplet	508cee	`#508cee`
RGB Decimal	80, 140, 238	`rgb(80,140,238)`
RGB Percent	31.4, 54.9, 93.3	`rgb(31.4%,54.9%,93.3%)`
CMYK	66, 41, 0, 7
HSL	217.2°, 82.3, 62.4	`hsl(217.2,82.3%,62.4%)`
HSV (or HSB)	217.2°, 66.4, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.633, 11.456, -55.147
XYZ	28.116, 26.633, 84.543
xyY	0.202, 0.191, 26.633
CIE-LCH	58.633, 56.324, 281.736
CIE-LUV	58.633, -24.967, -88.787
Hunter-Lab	51.607, 6.935, -61.005
Binary	01010000, 10001100, 11101110

#508cee
```
#508cee rgb(80,140,238)
```
#eeb250
```
#eeb250 rgb(238,178,80)
```

Complementary Color

#50dbee
```
#50dbee rgb(80,219,238)
```
#508cee
```
#508cee rgb(80,140,238)
```
#6350ee
```
#6350ee rgb(99,80,238)
```

Analogous Color

#dbee50
```
#dbee50 rgb(219,238,80)
```
#508cee
```
#508cee rgb(80,140,238)
```
#ee6350
```
#ee6350 rgb(238,99,80)
```

Split Complementary Color

#8cee50
```
#8cee50 rgb(140,238,80)
```
#508cee
```
#508cee rgb(80,140,238)
```
#ee508c
```
#ee508c rgb(238,80,140)
```

Triadic Color

#50eeb2
```
#50eeb2 rgb(80,238,178)
```
#508cee
```
#508cee rgb(80,140,238)
```
#ee508c
```
#ee508c rgb(238,80,140)
```
#eeb250
```
#eeb250 rgb(238,178,80)
```

Tetradic Color

#1561dc
```
#1561dc rgb(21,97,220)
```
#226de9
```
#226de9 rgb(34,109,233)
```
#397dec
```
#397dec rgb(57,125,236)
```
#508cee
```
#508cee rgb(80,140,238)
```
#679bf0
```
#679bf0 rgb(103,155,240)
```
#7eabf3
```
#7eabf3 rgb(126,171,243)
```
#96baf5
```
#96baf5 rgb(150,186,245)
```

Monochromatic Color

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

#50b4ee
```
#50b4ee rgb(80,180,238)
```
#50a6ee
```
#50a6ee rgb(80,166,238)
```
#5099ee
```
#5099ee rgb(80,153,238)
```
#508cee
```
#508cee rgb(80,140,238)
```
#507fee
```
#507fee rgb(80,127,238)
```
#5072ee
```
#5072ee rgb(80,114,238)
```
#5065ee
```
#5065ee rgb(80,101,238)
```

Similar Colors

Text with hexadecimal color #508cee

This text has a font color of #508cee.

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

#508cee background color

This paragraph has a background color of #508cee.

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

#508cee border color

This element has a border color of #508cee.

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

CSS codes

.text {color:#508cee;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020a16
```
#020a16 rgb(2,10,22)
```
#041128
```
#041128 rgb(4,17,40)
```
#061939
```
#061939 rgb(6,25,57)
```
#07214b
```
#07214b rgb(7,33,75)
```
#09295d
```
#09295d rgb(9,41,93)
```
#0b316f
```
#0b316f rgb(11,49,111)
```
#0d3981
```
#0d3981 rgb(13,57,129)
```
#0e4193
```
#0e4193 rgb(14,65,147)
```
#1048a5
```
#1048a5 rgb(16,72,165)
```
#1250b7
```
#1250b7 rgb(18,80,183)
```
#1358c8
```
#1358c8 rgb(19,88,200)
```
#1560da
```
#1560da rgb(21,96,218)
```

Shade Color Variation

#1a69e9
```
#1a69e9 rgb(26,105,233)
```
#2c75eb
```
#2c75eb rgb(44,117,235)
```
#3e80ec
```
#3e80ec rgb(62,128,236)
```
#508cee
```
#508cee rgb(80,140,238)
```
#6298f0
```
#6298f0 rgb(98,152,240)
```
#74a3f1
```
#74a3f1 rgb(116,163,241)
```
#86aff3
```
#86aff3 rgb(134,175,243)
```
#98bbf5
```
#98bbf5 rgb(152,187,245)
```
#a9c7f7
```
#a9c7f7 rgb(169,199,247)
```
#bbd2f8
```
#bbd2f8 rgb(187,210,248)
```
#cddefa
```
#cddefa rgb(205,222,250)
```
#dfeafc
```
#dfeafc rgb(223,234,252)
```
#f1f6fe
```
#f1f6fe rgb(241,246,254)
```

Tint Color Variation

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

#9a9ea4
```
#9a9ea4 rgb(154,158,164)
```
#929cac
```
#929cac rgb(146,156,172)
```
#8b9ab3
```
#8b9ab3 rgb(139,154,179)
```
#8498ba
```
#8498ba rgb(132,152,186)
```
#7c97c2
```
#7c97c2 rgb(124,151,194)
```
#7595c9
```
#7595c9 rgb(117,149,201)
```
#6e93d0
```
#6e93d0 rgb(110,147,208)
```
#6691d8
```
#6691d8 rgb(102,145,216)
```
#5f90df
```
#5f90df rgb(95,144,223)
```
#578ee7
```
#578ee7 rgb(87,142,231)
```
#508cee
```
#508cee rgb(80,140,238)
```
#498af5
```
#498af5 rgb(73,138,245)
```
#4188fd
```
#4188fd rgb(65,136,253)
```

Tone Color Variation

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

#678fed Protanopia 1% of men
#4894ed Deuteranopia 1% of men
#00a1ad Tritanopia 0.001% of the population

Trichromacy

#5e8eed Protanomaly 1% of men, 0.01% of women
#4b91ed Deuteranomaly 6% of men, 0.4% of women
#1d99c4 Tritanomaly 0.01% of the population

#508cee hex color

#508cee Color Information

#508cee Color Conversion

Color Schemes with #508cee

Alternatives to #508cee

#508cee Preview

Shades and Tints of #508cee

Tones of #508cee

Color Blindness Simulator