#507ffa hex color

In a RGB color space, hex #507ffa is composed of 31.4% red, 49.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 49.2% magenta, 0% yellow and 2% black. It has a hue angle of 223.4 degrees, a saturation of 94.4% and a lightness of 64.7%. #507ffa color hex could be obtained by blending #a0feff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 50
- B 98
RGB color chart
- C 68
- M 49
- Y 0
- K 2
CMYK color chart

● #507ffa color description : Soft blue.

The hexadecimal color #507ffa has RGB values of R:80, G:127, B:250 and CMYK values of C:0.68, M:0.49, Y:0, K:0.02. Its decimal value is 5275642.

Hex triplet	507ffa	`#507ffa`
RGB Decimal	80, 127, 250	`rgb(80,127,250)`
RGB Percent	31.4, 49.8, 98	`rgb(31.4%,49.8%,98%)`
CMYK	68, 49, 0, 2
HSL	223.4°, 94.4, 64.7	`hsl(223.4,94.4%,64.7%)`
HSV (or HSB)	223.4°, 68, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.871, 23.492, -66.213
XYZ	28.149, 23.785, 93.545
xyY	0.193, 0.163, 23.785
CIE-LCH	55.871, 70.257, 289.534
CIE-LUV	55.871, -20.817, -106.557
Hunter-Lab	48.769, 17.682, -79.586
Binary	01010000, 01111111, 11111010

#507ffa
```
#507ffa rgb(80,127,250)
```
#facb50
```
#facb50 rgb(250,203,80)
```

Complementary Color

#50d4fa
```
#50d4fa rgb(80,212,250)
```
#507ffa
```
#507ffa rgb(80,127,250)
```
#7650fa
```
#7650fa rgb(118,80,250)
```

Analogous Color

#d4fa50
```
#d4fa50 rgb(212,250,80)
```
#507ffa
```
#507ffa rgb(80,127,250)
```
#fa7650
```
#fa7650 rgb(250,118,80)
```

Split Complementary Color

#7ffa50
```
#7ffa50 rgb(127,250,80)
```
#507ffa
```
#507ffa rgb(80,127,250)
```
#fa507f
```
#fa507f rgb(250,80,127)
```

Triadic Color

#50facb
```
#50facb rgb(80,250,203)
```
#507ffa
```
#507ffa rgb(80,127,250)
```
#fa507f
```
#fa507f rgb(250,80,127)
```
#facb50
```
#facb50 rgb(250,203,80)
```

Tetradic Color

#0749f6
```
#0749f6 rgb(7,73,246)
```
#1e5bf9
```
#1e5bf9 rgb(30,91,249)
```
#376df9
```
#376df9 rgb(55,109,249)
```
#507ffa
```
#507ffa rgb(80,127,250)
```
#6991fb
```
#6991fb rgb(105,145,251)
```
#82a3fb
```
#82a3fb rgb(130,163,251)
```
#9ab5fc
```
#9ab5fc rgb(154,181,252)
```

Monochromatic Color

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

#50aafa
```
#50aafa rgb(80,170,250)
```
#509bfa
```
#509bfa rgb(80,155,250)
```
#508dfa
```
#508dfa rgb(80,141,250)
```
#507ffa
```
#507ffa rgb(80,127,250)
```
#5071fa
```
#5071fa rgb(80,113,250)
```
#5063fa
```
#5063fa rgb(80,99,250)
```
#5054fa
```
#5054fa rgb(80,84,250)
```

Similar Colors

Text with hexadecimal color #507ffa

This text has a font color of #507ffa.

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

#507ffa background color

This paragraph has a background color of #507ffa.

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

#507ffa border color

This element has a border color of #507ffa.

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

CSS codes

.text {color:#507ffa;}

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

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

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

#000510
```
#000510 rgb(0,5,16)
```
#010a23
```
#010a23 rgb(1,10,35)
```
#021036
```
#021036 rgb(2,16,54)
```
#021649
```
#021649 rgb(2,22,73)
```
#031b5c
```
#031b5c rgb(3,27,92)
```
#03216f
```
#03216f rgb(3,33,111)
```
#042782
```
#042782 rgb(4,39,130)
```
#042c95
```
#042c95 rgb(4,44,149)
```
#0532a8
```
#0532a8 rgb(5,50,168)
```
#0538bb
```
#0538bb rgb(5,56,187)
```
#063dce
```
#063dce rgb(6,61,206)
```
#0643e1
```
#0643e1 rgb(6,67,225)
```
#0749f5
```
#0749f5 rgb(7,73,245)
```

Shade Color Variation

#1755f8
```
#1755f8 rgb(23,85,248)
```
#2a63f9
```
#2a63f9 rgb(42,99,249)
```
#3d71f9
```
#3d71f9 rgb(61,113,249)
```
#507ffa
```
#507ffa rgb(80,127,250)
```
#638dfb
```
#638dfb rgb(99,141,251)
```
#769bfb
```
#769bfb rgb(118,155,251)
```
#89a9fc
```
#89a9fc rgb(137,169,252)
```
#9cb7fc
```
#9cb7fc rgb(156,183,252)
```
#afc5fd
```
#afc5fd rgb(175,197,253)
```
#c2d3fd
```
#c2d3fd rgb(194,211,253)
```
#d5e1fe
```
#d5e1fe rgb(213,225,254)
```
#e9effe
```
#e9effe rgb(233,239,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a3a4a7 is the less saturated color, while #507ffa is the most saturated one.

#a3a4a7
```
#a3a4a7 rgb(163,164,167)
```
#9ca1ae
```
#9ca1ae rgb(156,161,174)
```
#959eb5
```
#959eb5 rgb(149,158,181)
```
#8e9bbc
```
#8e9bbc rgb(142,155,188)
```
#8798c3
```
#8798c3 rgb(135,152,195)
```
#8095ca
```
#8095ca rgb(128,149,202)
```
#7a92d0
```
#7a92d0 rgb(122,146,208)
```
#738ed7
```
#738ed7 rgb(115,142,215)
```
#6c8bde
```
#6c8bde rgb(108,139,222)
```
#6588e5
```
#6588e5 rgb(101,136,229)
```
#5e85ec
```
#5e85ec rgb(94,133,236)
```
#5782f3
```
#5782f3 rgb(87,130,243)
```
#507ffa
```
#507ffa rgb(80,127,250)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#767f98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4188fc Protanopia 1% of men
#008eec Deuteranopia 1% of men
#0099a4 Tritanopia 0.001% of the population

Trichromacy

#4684fb Protanomaly 1% of men, 0.01% of women
#1d89f1 Deuteranomaly 6% of men, 0.4% of women
#1d90c3 Tritanomaly 0.01% of the population

#507ffa hex color

#507ffa Color Information

#507ffa Color Conversion

Color Schemes with #507ffa

Alternatives to #507ffa

#507ffa Preview

Shades and Tints of #507ffa

Tones of #507ffa

Color Blindness Simulator