#507eef hex color

In a RGB color space, hex #507eef is composed of 31.4% red, 49.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 47.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 222.6 degrees, a saturation of 83.2% and a lightness of 62.5%. #507eef color hex could be obtained by blending #a0fcff with #0000df. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 49
- B 94
RGB color chart
- C 67
- M 47
- Y 0
- K 6
CMYK color chart

● #507eef color description : Soft blue.

The hexadecimal color #507eef has RGB values of R:80, G:126, B:239 and CMYK values of C:0.67, M:0.47, Y:0, K:0.06. Its decimal value is 5275375.

Hex triplet	507eef	`#507eef`
RGB Decimal	80, 126, 239	`rgb(80,126,239)`
RGB Percent	31.4, 49.4, 93.7	`rgb(31.4%,49.4%,93.7%)`
CMYK	67, 47, 0, 6
HSL	222.6°, 83.2, 62.5	`hsl(222.6,83.2%,62.5%)`
HSV (or HSB)	222.6°, 66.5, 93.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.925, 20.295, -61.639
XYZ	26.346, 22.858, 84.68
xyY	0.197, 0.171, 22.858
CIE-LCH	54.925, 64.894, 288.225
CIE-LUV	54.925, -20.531, -98.724
Hunter-Lab	47.81, 14.697, -71.548
Binary	01010000, 01111110, 11101111

#507eef
```
#507eef rgb(80,126,239)
```
#efc150
```
#efc150 rgb(239,193,80)
```

Complementary Color

#50ceef
```
#50ceef rgb(80,206,239)
```
#507eef
```
#507eef rgb(80,126,239)
```
#7250ef
```
#7250ef rgb(114,80,239)
```

Analogous Color

#ceef50
```
#ceef50 rgb(206,239,80)
```
#507eef
```
#507eef rgb(80,126,239)
```
#ef7250
```
#ef7250 rgb(239,114,80)
```

Split Complementary Color

#7eef50
```
#7eef50 rgb(126,239,80)
```
#507eef
```
#507eef rgb(80,126,239)
```
#ef507e
```
#ef507e rgb(239,80,126)
```

Triadic Color

#50efc1
```
#50efc1 rgb(80,239,193)
```
#507eef
```
#507eef rgb(80,126,239)
```
#ef507e
```
#ef507e rgb(239,80,126)
```
#efc150
```
#efc150 rgb(239,193,80)
```

Tetradic Color

#144fde
```
#144fde rgb(20,79,222)
```
#215ceb
```
#215ceb rgb(33,92,235)
```
#396ded
```
#396ded rgb(57,109,237)
```
#507eef
```
#507eef rgb(80,126,239)
```
#678ff1
```
#678ff1 rgb(103,143,241)
```
#7fa0f3
```
#7fa0f3 rgb(127,160,243)
```
#96b2f5
```
#96b2f5 rgb(150,178,245)
```

Monochromatic Color

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

#50a6ef
```
#50a6ef rgb(80,166,239)
```
#5099ef
```
#5099ef rgb(80,153,239)
```
#508bef
```
#508bef rgb(80,139,239)
```
#507eef
```
#507eef rgb(80,126,239)
```
#5071ef
```
#5071ef rgb(80,113,239)
```
#5064ef
```
#5064ef rgb(80,100,239)
```
#5056ef
```
#5056ef rgb(80,86,239)
```

Similar Colors

Text with hexadecimal color #507eef

This text has a font color of #507eef.

<span style="color:#507eef;">Text here</span>

#507eef background color

This paragraph has a background color of #507eef.

<p style="background-color:#507eef;">Content here</p>

#507eef border color

This element has a border color of #507eef.

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

CSS codes

.text {color:#507eef;}

.background {background-color:#507eef;}

.border {border:1px solid #507eef;}

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

#000205
```
#000205 rgb(0,2,5)
```
#020817
```
#020817 rgb(2,8,23)
```
#040e29
```
#040e29 rgb(4,14,41)
```
#05153b
```
#05153b rgb(5,21,59)
```
#071b4d
```
#071b4d rgb(7,27,77)
```
#09225f
```
#09225f rgb(9,34,95)
```
#0a2871
```
#0a2871 rgb(10,40,113)
```
#0c2e83
```
#0c2e83 rgb(12,46,131)
```
#0e3594
```
#0e3594 rgb(14,53,148)
```
#0f3ba6
```
#0f3ba6 rgb(15,59,166)
```
#1141b8
```
#1141b8 rgb(17,65,184)
```
#1348ca
```
#1348ca rgb(19,72,202)
```
#144edc
```
#144edc rgb(20,78,220)
```

Shade Color Variation

#1a56ea
```
#1a56ea rgb(26,86,234)
```
#2c64ec
```
#2c64ec rgb(44,100,236)
```
#3e71ed
```
#3e71ed rgb(62,113,237)
```
#507eef
```
#507eef rgb(80,126,239)
```
#628bf1
```
#628bf1 rgb(98,139,241)
```
#7498f2
```
#7498f2 rgb(116,152,242)
```
#86a6f4
```
#86a6f4 rgb(134,166,244)
```
#98b3f6
```
#98b3f6 rgb(152,179,246)
```
#aac0f7
```
#aac0f7 rgb(170,192,247)
```
#bccdf9
```
#bccdf9 rgb(188,205,249)
```
#cedbfb
```
#cedbfb rgb(206,219,251)
```
#e0e8fc
```
#e0e8fc rgb(224,232,252)
```
#f2f5fe
```
#f2f5fe rgb(242,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999da6 is the less saturated color, while #4178fe is the most saturated one.

#999da6
```
#999da6 rgb(153,157,166)
```
#929aad
```
#929aad rgb(146,154,173)
```
#8b97b4
```
#8b97b4 rgb(139,151,180)
```
#8394bc
```
#8394bc rgb(131,148,188)
```
#7c91c3
```
#7c91c3 rgb(124,145,195)
```
#758dca
```
#758dca rgb(117,141,202)
```
#6d8ad2
```
#6d8ad2 rgb(109,138,210)
```
#6687d9
```
#6687d9 rgb(102,135,217)
```
#5f84e0
```
#5f84e0 rgb(95,132,224)
```
#5781e8
```
#5781e8 rgb(87,129,232)
```
#507eef
```
#507eef rgb(80,126,239)
```
#497bf6
```
#497bf6 rgb(73,123,246)
```
#4178fe
```
#4178fe rgb(65,120,254)
```

Tone Color Variation

Below, you can see how #507eef 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

#7d7d7d Achromatopsia 0.005% of the population
#747d94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c86f1 Protanopia 1% of men
#008ce9 Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#4d83f0 Protanomaly 1% of men, 0.01% of women
#1d87eb Deuteranomaly 6% of men, 0.4% of women
#1d8ebd Tritanomaly 0.01% of the population

#507eef hex color

#507eef Color Information

#507eef Color Conversion

Color Schemes with #507eef

Alternatives to #507eef

#507eef Preview

Shades and Tints of #507eef

Tones of #507eef

Color Blindness Simulator