#508edd hex color

In a RGB color space, hex #508edd is composed of 31.4% red, 55.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 35.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 213.6 degrees, a saturation of 67.5% and a lightness of 59%. #508edd color hex could be obtained by blending #a0ffff with #001dbb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 56
- B 87
RGB color chart
- C 64
- M 36
- Y 0
- K 13
CMYK color chart

● #508edd color description : Soft blue.

The hexadecimal color #508edd has RGB values of R:80, G:142, B:221 and CMYK values of C:0.64, M:0.36, Y:0, K:0.13. Its decimal value is 5279453.

Hex triplet	508edd	`#508edd`
RGB Decimal	80, 142, 221	`rgb(80,142,221)`
RGB Percent	31.4, 55.7, 86.7	`rgb(31.4%,55.7%,86.7%)`
CMYK	64, 36, 0, 13
HSL	213.6°, 67.5, 59	`hsl(213.6,67.5%,59%)`
HSV (or HSB)	213.6°, 63.8, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.293, 4.47, -46.234
XYZ	26.029, 26.27, 72.102
xyY	0.209, 0.211, 26.27
CIE-LCH	58.293, 46.449, 275.523
CIE-LUV	58.293, -25.941, -73.366
Hunter-Lab	51.254, 0.955, -47.527
Binary	01010000, 10001110, 11011101

#508edd
```
#508edd rgb(80,142,221)
```
#dd9f50
```
#dd9f50 rgb(221,159,80)
```

Complementary Color

#50d5dd
```
#50d5dd rgb(80,213,221)
```
#508edd
```
#508edd rgb(80,142,221)
```
#5850dd
```
#5850dd rgb(88,80,221)
```

Analogous Color

#d5dd50
```
#d5dd50 rgb(213,221,80)
```
#508edd
```
#508edd rgb(80,142,221)
```
#dd5850
```
#dd5850 rgb(221,88,80)
```

Split Complementary Color

#8edd50
```
#8edd50 rgb(142,221,80)
```
#508edd
```
#508edd rgb(80,142,221)
```
#dd508e
```
#dd508e rgb(221,80,142)
```

Triadic Color

#50dd9f
```
#50dd9f rgb(80,221,159)
```
#508edd
```
#508edd rgb(80,142,221)
```
#dd508e
```
#dd508e rgb(221,80,142)
```
#dd9f50
```
#dd9f50 rgb(221,159,80)
```

Tetradic Color

#2567bc
```
#2567bc rgb(37,103,188)
```
#2973d1
```
#2973d1 rgb(41,115,209)
```
#3b80d9
```
#3b80d9 rgb(59,128,217)
```
#508edd
```
#508edd rgb(80,142,221)
```
#659ce1
```
#659ce1 rgb(101,156,225)
```
#7baae5
```
#7baae5 rgb(123,170,229)
```
#90b7e9
```
#90b7e9 rgb(144,183,233)
```

Monochromatic Color

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

#50b1dd
```
#50b1dd rgb(80,177,221)
```
#50a6dd
```
#50a6dd rgb(80,166,221)
```
#509add
```
#509add rgb(80,154,221)
```
#508edd
```
#508edd rgb(80,142,221)
```
#5082dd
```
#5082dd rgb(80,130,221)
```
#5077dd
```
#5077dd rgb(80,119,221)
```
#506bdd
```
#506bdd rgb(80,107,221)
```

Similar Colors

Text with hexadecimal color #508edd

This text has a font color of #508edd.

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

#508edd background color

This paragraph has a background color of #508edd.

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

#508edd border color

This element has a border color of #508edd.

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

CSS codes

.text {color:#508edd;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#040c16
```
#040c16 rgb(4,12,22)
```
#071527
```
#071527 rgb(7,21,39)
```
#0b1e37
```
#0b1e37 rgb(11,30,55)
```
#0e2747
```
#0e2747 rgb(14,39,71)
```
#113058
```
#113058 rgb(17,48,88)
```
#143968
```
#143968 rgb(20,57,104)
```
#174279
```
#174279 rgb(23,66,121)
```
#1b4b89
```
#1b4b89 rgb(27,75,137)
```
#1e5499
```
#1e5499 rgb(30,84,153)
```
#215daa
```
#215daa rgb(33,93,170)
```
#2466ba
```
#2466ba rgb(36,102,186)
```
#276fcb
```
#276fcb rgb(39,111,203)
```

Shade Color Variation

#2f79d7
```
#2f79d7 rgb(47,121,215)
```
#4083da
```
#4083da rgb(64,131,218)
```
#508edd
```
#508edd rgb(80,142,221)
```
#6099e0
```
#6099e0 rgb(96,153,224)
```
#71a3e3
```
#71a3e3 rgb(113,163,227)
```
#81aee7
```
#81aee7 rgb(129,174,231)
```
#92b8ea
```
#92b8ea rgb(146,184,234)
```
#a2c3ed
```
#a2c3ed rgb(162,195,237)
```
#b3cef0
```
#b3cef0 rgb(179,206,240)
```
#c3d8f3
```
#c3d8f3 rgb(195,216,243)
```
#d3e3f7
```
#d3e3f7 rgb(211,227,247)
```
#e4edfa
```
#e4edfa rgb(228,237,250)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90969d is the less saturated color, while #308afd is the most saturated one.

#90969d
```
#90969d rgb(144,150,157)
```
#8895a5
```
#8895a5 rgb(136,149,165)
```
#8094ad
```
#8094ad rgb(128,148,173)
```
#7893b5
```
#7893b5 rgb(120,147,181)
```
#7092bd
```
#7092bd rgb(112,146,189)
```
#6891c5
```
#6891c5 rgb(104,145,197)
```
#6090cd
```
#6090cd rgb(96,144,205)
```
#588fd5
```
#588fd5 rgb(88,143,213)
```
#508edd
```
#508edd rgb(80,142,221)
```
#488de5
```
#488de5 rgb(72,141,229)
```
#408ced
```
#408ced rgb(64,140,237)
```
#388bf5
```
#388bf5 rgb(56,139,245)
```
#308afd
```
#308afd rgb(48,138,253)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7a8696 Atypical Achromatopsia 0.001% of the population

Dichromacy

#738fdb Protanopia 1% of men
#6192df Deuteranopia 1% of men
#329faa Tritanopia 0.001% of the population

Trichromacy

#668fdc Protanomaly 1% of men, 0.01% of women
#5b90de Deuteranomaly 6% of men, 0.4% of women
#3d98bd Tritanomaly 0.01% of the population

#508edd hex color

#508edd Color Information

#508edd Color Conversion

Color Schemes with #508edd

Alternatives to #508edd

#508edd Preview

Shades and Tints of #508edd

Tones of #508edd

Color Blindness Simulator