#507be4 hex color

In a RGB color space, hex #507be4 is composed of 31.4% red, 48.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 46.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 222.6 degrees, a saturation of 73.3% and a lightness of 60.4%. #507be4 color hex could be obtained by blending #a0f6ff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 48
- B 89
RGB color chart
- C 65
- M 46
- Y 0
- K 11
CMYK color chart

● #507be4 color description : Soft blue.

The hexadecimal color #507be4 has RGB values of R:80, G:123, B:228 and CMYK values of C:0.65, M:0.46, Y:0, K:0.11. Its decimal value is 5274596.

Hex triplet	507be4	`#507be4`
RGB Decimal	80, 123, 228	`rgb(80,123,228)`
RGB Percent	31.4, 48.2, 89.4	`rgb(31.4%,48.2%,89.4%)`
CMYK	65, 46, 0, 11
HSL	222.6°, 73.3, 60.4	`hsl(222.6,73.3%,60.4%)`
HSV (or HSB)	222.6°, 64.9, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.462, 18.337, -57.847
XYZ	24.392, 21.471, 76.253
xyY	0.2, 0.176, 21.471
CIE-LCH	53.462, 60.684, 287.588
CIE-LUV	53.462, -19.615, -92.013
Hunter-Lab	46.337, 12.872, -65.133
Binary	01010000, 01111011, 11100100

#507be4
```
#507be4 rgb(80,123,228)
```
#e4b950
```
#e4b950 rgb(228,185,80)
```

Complementary Color

#50c5e4
```
#50c5e4 rgb(80,197,228)
```
#507be4
```
#507be4 rgb(80,123,228)
```
#6f50e4
```
#6f50e4 rgb(111,80,228)
```

Analogous Color

#c5e450
```
#c5e450 rgb(197,228,80)
```
#507be4
```
#507be4 rgb(80,123,228)
```
#e46f50
```
#e46f50 rgb(228,111,80)
```

Split Complementary Color

#7be450
```
#7be450 rgb(123,228,80)
```
#507be4
```
#507be4 rgb(80,123,228)
```
#e4507b
```
#e4507b rgb(228,80,123)
```

Triadic Color

#50e4b9
```
#50e4b9 rgb(80,228,185)
```
#507be4
```
#507be4 rgb(80,123,228)
```
#e4507b
```
#e4507b rgb(228,80,123)
```
#e4b950
```
#e4b950 rgb(228,185,80)
```

Tetradic Color

#1f50c9
```
#1f50c9 rgb(31,80,201)
```
#245add
```
#245add rgb(36,90,221)
```
#3a6ae1
```
#3a6ae1 rgb(58,106,225)
```
#507be4
```
#507be4 rgb(80,123,228)
```
#668ce7
```
#668ce7 rgb(102,140,231)
```
#7c9ceb
```
#7c9ceb rgb(124,156,235)
```
#92adee
```
#92adee rgb(146,173,238)
```

Monochromatic Color

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

#50a0e4
```
#50a0e4 rgb(80,160,228)
```
#5094e4
```
#5094e4 rgb(80,148,228)
```
#5087e4
```
#5087e4 rgb(80,135,228)
```
#507be4
```
#507be4 rgb(80,123,228)
```
#506fe4
```
#506fe4 rgb(80,111,228)
```
#5062e4
```
#5062e4 rgb(80,98,228)
```
#5056e4
```
#5056e4 rgb(80,86,228)
```

Similar Colors

Text with hexadecimal color #507be4

This text has a font color of #507be4.

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

#507be4 background color

This paragraph has a background color of #507be4.

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

#507be4 border color

This element has a border color of #507be4.

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

CSS codes

.text {color:#507be4;}

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

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

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, #02050c is the darkest color, while #fafbfe is the lightest one.

#02050c
```
#02050c rgb(2,5,12)
```
#040c1d
```
#040c1d rgb(4,12,29)
```
#07122e
```
#07122e rgb(7,18,46)
```
#0a193f
```
#0a193f rgb(10,25,63)
```
#0c2050
```
#0c2050 rgb(12,32,80)
```
#0f2761
```
#0f2761 rgb(15,39,97)
```
#122e72
```
#122e72 rgb(18,46,114)
```
#143483
```
#143483 rgb(20,52,131)
```
#173b94
```
#173b94 rgb(23,59,148)
```
#1942a5
```
#1942a5 rgb(25,66,165)
```
#1c49b6
```
#1c49b6 rgb(28,73,182)
```
#1f50c7
```
#1f50c7 rgb(31,80,199)
```
#2156d8
```
#2156d8 rgb(33,86,216)
```

Shade Color Variation

#2e61df
```
#2e61df rgb(46,97,223)
```
#3f6ee1
```
#3f6ee1 rgb(63,110,225)
```
#507be4
```
#507be4 rgb(80,123,228)
```
#6188e7
```
#6188e7 rgb(97,136,231)
```
#7295e9
```
#7295e9 rgb(114,149,233)
```
#83a1ec
```
#83a1ec rgb(131,161,236)
```
#94aeee
```
#94aeee rgb(148,174,238)
```
#a5bbf1
```
#a5bbf1 rgb(165,187,241)
```
#b6c8f4
```
#b6c8f4 rgb(182,200,244)
```
#c7d5f6
```
#c7d5f6 rgb(199,213,246)
```
#d8e2f9
```
#d8e2f9 rgb(216,226,249)
```
#e9eefc
```
#e9eefc rgb(233,238,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#96989e
```
#96989e rgb(150,152,158)
```
#8e95a6
```
#8e95a6 rgb(142,149,166)
```
#8692ae
```
#8692ae rgb(134,146,174)
```
#7f8fb5
```
#7f8fb5 rgb(127,143,181)
```
#778bbd
```
#778bbd rgb(119,139,189)
```
#6f88c5
```
#6f88c5 rgb(111,136,197)
```
#6785cd
```
#6785cd rgb(103,133,205)
```
#6082d4
```
#6082d4 rgb(96,130,212)
```
#587edc
```
#587edc rgb(88,126,220)
```
#507be4
```
#507be4 rgb(80,123,228)
```
#4878ec
```
#4878ec rgb(72,120,236)
```
#4074f4
```
#4074f4 rgb(64,116,244)
```
#3971fb
```
#3971fb rgb(57,113,251)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#727a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5083e6 Protanopia 1% of men
#1c88e2 Deuteranopia 1% of men
#00939e Tritanopia 0.001% of the population

Trichromacy

#5080e5 Protanomaly 1% of men, 0.01% of women
#2f83e3 Deuteranomaly 6% of men, 0.4% of women
#1d8ab7 Tritanomaly 0.01% of the population

#507be4 hex color

#507be4 Color Information

#507be4 Color Conversion

Color Schemes with #507be4

Alternatives to #507be4

#507be4 Preview

Shades and Tints of #507be4

Tones of #507be4

Color Blindness Simulator