#507be3 hex color

In a RGB color space, hex #507be3 is composed of 31.4% red, 48.2% green and 89% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 45.8% magenta, 0% yellow and 11% black. It has a hue angle of 222.4 degrees, a saturation of 72.4% and a lightness of 60.2%. #507be3 color hex could be obtained by blending #a0f6ff with #0000c7. 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

● #507be3 color description : Soft blue.

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

Hex triplet	507be3	`#507be3`
RGB Decimal	80, 123, 227	`rgb(80,123,227)`
RGB Percent	31.4, 48.2, 89	`rgb(31.4%,48.2%,89%)`
CMYK	65, 46, 0, 11
HSL	222.4°, 72.4, 60.2	`hsl(222.4,72.4%,60.2%)`
HSV (or HSB)	222.4°, 64.8, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.402, 17.992, -57.382
XYZ	24.253, 21.416, 75.524
xyY	0.2, 0.177, 21.416
CIE-LCH	53.402, 60.137, 287.409
CIE-LUV	53.402, -19.616, -91.228
Hunter-Lab	46.277, 12.564, -64.367
Binary	01010000, 01111011, 11100011

#507be3
```
#507be3 rgb(80,123,227)
```
#e3b850
```
#e3b850 rgb(227,184,80)
```

Complementary Color

#50c5e3
```
#50c5e3 rgb(80,197,227)
```
#507be3
```
#507be3 rgb(80,123,227)
```
#6f50e3
```
#6f50e3 rgb(111,80,227)
```

Analogous Color

#c5e350
```
#c5e350 rgb(197,227,80)
```
#507be3
```
#507be3 rgb(80,123,227)
```
#e36f50
```
#e36f50 rgb(227,111,80)
```

Split Complementary Color

#7be350
```
#7be350 rgb(123,227,80)
```
#507be3
```
#507be3 rgb(80,123,227)
```
#e3507b
```
#e3507b rgb(227,80,123)
```

Triadic Color

#50e3b8
```
#50e3b8 rgb(80,227,184)
```
#507be3
```
#507be3 rgb(80,123,227)
```
#e3507b
```
#e3507b rgb(227,80,123)
```
#e3b850
```
#e3b850 rgb(227,184,80)
```

Tetradic Color

#2051c7
```
#2051c7 rgb(32,81,199)
```
#245adc
```
#245adc rgb(36,90,220)
```
#3a6adf
```
#3a6adf rgb(58,106,223)
```
#507be3
```
#507be3 rgb(80,123,227)
```
#668ce7
```
#668ce7 rgb(102,140,231)
```
#7c9cea
```
#7c9cea rgb(124,156,234)
```
#92adee
```
#92adee rgb(146,173,238)
```

Monochromatic Color

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

#50a0e3
```
#50a0e3 rgb(80,160,227)
```
#5094e3
```
#5094e3 rgb(80,148,227)
```
#5087e3
```
#5087e3 rgb(80,135,227)
```
#507be3
```
#507be3 rgb(80,123,227)
```
#506fe3
```
#506fe3 rgb(80,111,227)
```
#5063e3
```
#5063e3 rgb(80,99,227)
```
#5056e3
```
#5056e3 rgb(80,86,227)
```

Similar Colors

Text with hexadecimal color #507be3

This text has a font color of #507be3.

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

#507be3 background color

This paragraph has a background color of #507be3.

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

#507be3 border color

This element has a border color of #507be3.

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

CSS codes

.text {color:#507be3;}

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

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

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, #02040b is the darkest color, while #f9fbfe is the lightest one.

#02040b
```
#02040b rgb(2,4,11)
```
#040b1c
```
#040b1c rgb(4,11,28)
```
#07122d
```
#07122d rgb(7,18,45)
```
#0a193e
```
#0a193e rgb(10,25,62)
```
#0d204f
```
#0d204f rgb(13,32,79)
```
#0f2760
```
#0f2760 rgb(15,39,96)
```
#122e70
```
#122e70 rgb(18,46,112)
```
#153481
```
#153481 rgb(21,52,129)
```
#173b92
```
#173b92 rgb(23,59,146)
```
#1a42a3
```
#1a42a3 rgb(26,66,163)
```
#1d49b4
```
#1d49b4 rgb(29,73,180)
```
#2050c5
```
#2050c5 rgb(32,80,197)
```
#2257d6
```
#2257d6 rgb(34,87,214)
```

Shade Color Variation

#2e61de
```
#2e61de rgb(46,97,222)
```
#3f6ee0
```
#3f6ee0 rgb(63,110,224)
```
#507be3
```
#507be3 rgb(80,123,227)
```
#6188e6
```
#6188e6 rgb(97,136,230)
```
#7295e8
```
#7295e8 rgb(114,149,232)
```
#83a1eb
```
#83a1eb rgb(131,161,235)
```
#94aeee
```
#94aeee rgb(148,174,238)
```
#a5bbf1
```
#a5bbf1 rgb(165,187,241)
```
#b5c8f3
```
#b5c8f3 rgb(181,200,243)
```
#c6d4f6
```
#c6d4f6 rgb(198,212,246)
```
#d7e1f9
```
#d7e1f9 rgb(215,225,249)
```
#e8eefb
```
#e8eefb rgb(232,238,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#96989d
```
#96989d rgb(150,152,157)
```
#8e95a5
```
#8e95a5 rgb(142,149,165)
```
#8792ac
```
#8792ac rgb(135,146,172)
```
#7f8eb4
```
#7f8eb4 rgb(127,142,180)
```
#778bbc
```
#778bbc rgb(119,139,188)
```
#6f88c4
```
#6f88c4 rgb(111,136,196)
```
#6785cc
```
#6785cc rgb(103,133,204)
```
#6081d3
```
#6081d3 rgb(96,129,211)
```
#587edb
```
#587edb rgb(88,126,219)
```
#507be3
```
#507be3 rgb(80,123,227)
```
#4878eb
```
#4878eb rgb(72,120,235)
```
#4075f3
```
#4075f3 rgb(64,117,243)
```
#3971fa
```
#3971fa rgb(57,113,250)
```

Tone Color Variation

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

#5182e5 Protanopia 1% of men
#2188e1 Deuteranopia 1% of men
#0d939d Tritanopia 0.001% of the population

Trichromacy

#5080e4 Protanomaly 1% of men, 0.01% of women
#3283e2 Deuteranomaly 6% of men, 0.4% of women
#258ab7 Tritanomaly 0.01% of the population

#507be3 hex color

#507be3 Color Information

#507be3 Color Conversion

Color Schemes with #507be3

Alternatives to #507be3

#507be3 Preview

Shades and Tints of #507be3

Tones of #507be3

Color Blindness Simulator