#506eff hex color

In a RGB color space, hex #506eff is composed of 31.4% red, 43.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 56.9% magenta, 0% yellow and 0% black. It has a hue angle of 229.7 degrees, a saturation of 100% and a lightness of 65.7%. #506eff color hex could be obtained by blending #a0dcff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 43
- B 100
RGB color chart
- C 69
- M 57
- Y 0
- K 0
CMYK color chart

● #506eff color description : Light blue.

The hexadecimal color #506eff has RGB values of R:80, G:110, B:255 and CMYK values of C:0.69, M:0.57, Y:0, K:0. Its decimal value is 5271295.

Hex triplet	506eff	`#506eff`
RGB Decimal	80, 110, 255	`rgb(80,110,255)`
RGB Percent	31.4, 43.1, 100	`rgb(31.4%,43.1%,100%)`
CMYK	69, 57, 0, 0
HSL	229.7°, 100, 65.7	`hsl(229.7,100%,65.7%)`
HSV (or HSB)	229.7°, 68.6, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.923, 35.631, -75.373
XYZ	26.93, 20.076, 97.058
xyY	0.187, 0.139, 20.076
CIE-LCH	51.923, 83.37, 295.302
CIE-LUV	51.923, -16.12, -119.175
Hunter-Lab	44.806, 28.877, -97.069
Binary	01010000, 01101110, 11111111

#506eff
```
#506eff rgb(80,110,255)
```
#ffe150
```
#ffe150 rgb(255,225,80)
```

Complementary Color

#50c6ff
```
#50c6ff rgb(80,198,255)
```
#506eff
```
#506eff rgb(80,110,255)
```
#8a50ff
```
#8a50ff rgb(138,80,255)
```

Analogous Color

#c6ff50
```
#c6ff50 rgb(198,255,80)
```
#506eff
```
#506eff rgb(80,110,255)
```
#ff8a50
```
#ff8a50 rgb(255,138,80)
```

Split Complementary Color

#6eff50
```
#6eff50 rgb(110,255,80)
```
#506eff
```
#506eff rgb(80,110,255)
```
#ff506e
```
#ff506e rgb(255,80,110)
```

Triadic Color

#50ffe1
```
#50ffe1 rgb(80,255,225)
```
#506eff
```
#506eff rgb(80,110,255)
```
#ff506e
```
#ff506e rgb(255,80,110)
```
#ffe150
```
#ffe150 rgb(255,225,80)
```

Tetradic Color

#032fff
```
#032fff rgb(3,47,255)
```
#1d44ff
```
#1d44ff rgb(29,68,255)
```
#3759ff
```
#3759ff rgb(55,89,255)
```
#506eff
```
#506eff rgb(80,110,255)
```
#6a83ff
```
#6a83ff rgb(106,131,255)
```
#8398ff
```
#8398ff rgb(131,152,255)
```
#9dadff
```
#9dadff rgb(157,173,255)
```

Monochromatic Color

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

#509aff
```
#509aff rgb(80,154,255)
```
#508bff
```
#508bff rgb(80,139,255)
```
#507dff
```
#507dff rgb(80,125,255)
```
#506eff
```
#506eff rgb(80,110,255)
```
#505fff
```
#505fff rgb(80,95,255)
```
#5051ff
```
#5051ff rgb(80,81,255)
```
#5e50ff
```
#5e50ff rgb(94,80,255)
```

Similar Colors

Text with hexadecimal color #506eff

This text has a font color of #506eff.

<span style="color:#506eff;">Text here</span>

#506eff background color

This paragraph has a background color of #506eff.

<p style="background-color:#506eff;">Content here</p>

#506eff border color

This element has a border color of #506eff.

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

CSS codes

.text {color:#506eff;}

.background {background-color:#506eff;}

.border {border:1px solid #506eff;}

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

#000002
```
#000002 rgb(0,0,2)
```
#000415
```
#000415 rgb(0,4,21)
```
#000729
```
#000729 rgb(0,7,41)
```
#000a3c
```
#000a3c rgb(0,10,60)
```
#000e50
```
#000e50 rgb(0,14,80)
```
#001164
```
#001164 rgb(0,17,100)
```
#001477
```
#001477 rgb(0,20,119)
```
#00188b
```
#00188b rgb(0,24,139)
```
#001b9e
```
#001b9e rgb(0,27,158)
```
#001fb2
```
#001fb2 rgb(0,31,178)
```
#0022c6
```
#0022c6 rgb(0,34,198)
```
#0025d9
```
#0025d9 rgb(0,37,217)
```
#0029ed
```
#0029ed rgb(0,41,237)
```

Shade Color Variation

#022dff
```
#022dff rgb(2,45,255)
```
#153dff
```
#153dff rgb(21,61,255)
```
#294dff
```
#294dff rgb(41,77,255)
```
#3c5eff
```
#3c5eff rgb(60,94,255)
```
#506eff
```
#506eff rgb(80,110,255)
```
#647eff
```
#647eff rgb(100,126,255)
```
#778fff
```
#778fff rgb(119,143,255)
```
#8b9fff
```
#8b9fff rgb(139,159,255)
```
#9eafff
```
#9eafff rgb(158,175,255)
```
#b2bfff
```
#b2bfff rgb(178,191,255)
```
#c6d0ff
```
#c6d0ff rgb(198,208,255)
```
#d9e0ff
```
#d9e0ff rgb(217,224,255)
```
#edf0ff
```
#edf0ff rgb(237,240,255)
```

Tint Color Variation

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

#a1a3ae
```
#a1a3ae rgb(161,163,174)
```
#9a9fb5
```
#9a9fb5 rgb(154,159,181)
```
#939abc
```
#939abc rgb(147,154,188)
```
#8d96c2
```
#8d96c2 rgb(141,150,194)
```
#8691c9
```
#8691c9 rgb(134,145,201)
```
#7f8dd0
```
#7f8dd0 rgb(127,141,208)
```
#7889d7
```
#7889d7 rgb(120,137,215)
```
#7284dd
```
#7284dd rgb(114,132,221)
```
#6b80e4
```
#6b80e4 rgb(107,128,228)
```
#647beb
```
#647beb rgb(100,123,235)
```
#5d77f2
```
#5d77f2 rgb(93,119,242)
```
#5772f8
```
#5772f8 rgb(87,114,248)
```
#506eff
```
#506eff rgb(80,110,255)
```

Tone Color Variation

Below, you can see how #506eff 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

#767676 Achromatopsia 0.005% of the population
#6e7491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085d9 Deuteranopia 1% of men
#008f98 Tritanopia 0.001% of the population

Trichromacy

#1d78fa Protanomaly 1% of men, 0.01% of women
#1d7de7 Deuteranomaly 6% of men, 0.4% of women
#1d83bd Tritanomaly 0.01% of the population

#506eff hex color

#506eff Color Information

#506eff Color Conversion

Color Schemes with #506eff

Alternatives to #506eff

#506eff Preview

Shades and Tints of #506eff

Tones of #506eff

Color Blindness Simulator