#508bee hex color

In a RGB color space, hex #508bee is composed of 31.4% red, 54.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 41.6% magenta, 0% yellow and 6.7% black. It has a hue angle of 217.6 degrees, a saturation of 82.3% and a lightness of 62.4%. #508bee color hex could be obtained by blending #a0ffff with #0017dd. Closest websafe color is: #6699ff.

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

● #508bee color description : Soft blue.

The hexadecimal color #508bee has RGB values of R:80, G:139, B:238 and CMYK values of C:0.66, M:0.42, Y:0, K:0.07. Its decimal value is 5278702.

Hex triplet	508bee	`#508bee`
RGB Decimal	80, 139, 238	`rgb(80,139,238)`
RGB Percent	31.4, 54.5, 93.3	`rgb(31.4%,54.5%,93.3%)`
CMYK	66, 42, 0, 7
HSL	217.6°, 82.3, 62.4	`hsl(217.6,82.3%,62.4%)`
HSV (or HSB)	217.6°, 66.4, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.36, 12.056, -55.582
XYZ	27.97, 26.342, 84.495
xyY	0.202, 0.19, 26.342
CIE-LCH	58.36, 56.874, 282.238
CIE-LUV	58.36, -24.641, -89.473
Hunter-Lab	51.324, 7.459, -61.681
Binary	01010000, 10001011, 11101110

#508bee
```
#508bee rgb(80,139,238)
```
#eeb350
```
#eeb350 rgb(238,179,80)
```

Complementary Color

#50daee
```
#50daee rgb(80,218,238)
```
#508bee
```
#508bee rgb(80,139,238)
```
#6450ee
```
#6450ee rgb(100,80,238)
```

Analogous Color

#daee50
```
#daee50 rgb(218,238,80)
```
#508bee
```
#508bee rgb(80,139,238)
```
#ee6450
```
#ee6450 rgb(238,100,80)
```

Split Complementary Color

#8bee50
```
#8bee50 rgb(139,238,80)
```
#508bee
```
#508bee rgb(80,139,238)
```
#ee508b
```
#ee508b rgb(238,80,139)
```

Triadic Color

#50eeb3
```
#50eeb3 rgb(80,238,179)
```
#508bee
```
#508bee rgb(80,139,238)
```
#ee508b
```
#ee508b rgb(238,80,139)
```
#eeb350
```
#eeb350 rgb(238,179,80)
```

Tetradic Color

#1560dc
```
#1560dc rgb(21,96,220)
```
#226ce9
```
#226ce9 rgb(34,108,233)
```
#397cec
```
#397cec rgb(57,124,236)
```
#508bee
```
#508bee rgb(80,139,238)
```
#679af0
```
#679af0 rgb(103,154,240)
```
#7eaaf3
```
#7eaaf3 rgb(126,170,243)
```
#96b9f5
```
#96b9f5 rgb(150,185,245)
```

Monochromatic Color

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

#50b3ee
```
#50b3ee rgb(80,179,238)
```
#50a5ee
```
#50a5ee rgb(80,165,238)
```
#5098ee
```
#5098ee rgb(80,152,238)
```
#508bee
```
#508bee rgb(80,139,238)
```
#507eee
```
#507eee rgb(80,126,238)
```
#5071ee
```
#5071ee rgb(80,113,238)
```
#5064ee
```
#5064ee rgb(80,100,238)
```

Similar Colors

Text with hexadecimal color #508bee

This text has a font color of #508bee.

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

#508bee background color

This paragraph has a background color of #508bee.

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

#508bee border color

This element has a border color of #508bee.

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

CSS codes

.text {color:#508bee;}

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

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

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)
```
#020916
```
#020916 rgb(2,9,22)
```
#041128
```
#041128 rgb(4,17,40)
```
#061939
```
#061939 rgb(6,25,57)
```
#07214b
```
#07214b rgb(7,33,75)
```
#09285d
```
#09285d rgb(9,40,93)
```
#0b306f
```
#0b306f rgb(11,48,111)
```
#0d3881
```
#0d3881 rgb(13,56,129)
```
#0e4093
```
#0e4093 rgb(14,64,147)
```
#1048a5
```
#1048a5 rgb(16,72,165)
```
#124fb7
```
#124fb7 rgb(18,79,183)
```
#1357c8
```
#1357c8 rgb(19,87,200)
```
#155fda
```
#155fda rgb(21,95,218)
```

Shade Color Variation

#1a67e9
```
#1a67e9 rgb(26,103,233)
```
#2c73eb
```
#2c73eb rgb(44,115,235)
```
#3e7fec
```
#3e7fec rgb(62,127,236)
```
#508bee
```
#508bee rgb(80,139,238)
```
#6297f0
```
#6297f0 rgb(98,151,240)
```
#74a3f1
```
#74a3f1 rgb(116,163,241)
```
#86aff3
```
#86aff3 rgb(134,175,243)
```
#98baf5
```
#98baf5 rgb(152,186,245)
```
#a9c6f7
```
#a9c6f7 rgb(169,198,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 #4187fd 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)
```
#7c96c2
```
#7c96c2 rgb(124,150,194)
```
#7594c9
```
#7594c9 rgb(117,148,201)
```
#6e92d0
```
#6e92d0 rgb(110,146,208)
```
#6691d8
```
#6691d8 rgb(102,145,216)
```
#5f8fdf
```
#5f8fdf rgb(95,143,223)
```
#578de7
```
#578de7 rgb(87,141,231)
```
#508bee
```
#508bee rgb(80,139,238)
```
#4989f5
```
#4989f5 rgb(73,137,245)
```
#4187fd
```
#4187fd rgb(65,135,253)
```

Tone Color Variation

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

#658fed Protanopia 1% of men
#4593ed Deuteranopia 1% of men
#00a0ac Tritanopia 0.001% of the population

Trichromacy

#5d8ded Protanomaly 1% of men, 0.01% of women
#4990ed Deuteranomaly 6% of men, 0.4% of women
#1d98c4 Tritanomaly 0.01% of the population

#508bee hex color

#508bee Color Information

#508bee Color Conversion

Color Schemes with #508bee

Alternatives to #508bee

#508bee Preview

Shades and Tints of #508bee

Tones of #508bee

Color Blindness Simulator