#506aff hex color

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

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

● #506aff color description : Light blue.

The hexadecimal color #506aff has RGB values of R:80, G:106, B:255 and CMYK values of C:0.69, M:0.58, Y:0, K:0. Its decimal value is 5270271.

Hex triplet	506aff	`#506aff`
RGB Decimal	80, 106, 255	`rgb(80,106,255)`
RGB Percent	31.4, 41.6, 100	`rgb(31.4%,41.6%,100%)`
CMYK	69, 58, 0, 0
HSL	231.1°, 100, 65.7	`hsl(231.1,100%,65.7%)`
HSV (or HSB)	231.1°, 68.6, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.957, 38.068, -76.944
XYZ	26.509, 19.232, 96.917
xyY	0.186, 0.135, 19.232
CIE-LCH	50.957, 85.846, 296.324
CIE-LUV	50.957, -15.098, -120.957
Hunter-Lab	43.854, 31.153, -100.332
Binary	01010000, 01101010, 11111111

#506aff
```
#506aff rgb(80,106,255)
```
#ffe550
```
#ffe550 rgb(255,229,80)
```

Complementary Color

#50c2ff
```
#50c2ff rgb(80,194,255)
```
#506aff
```
#506aff rgb(80,106,255)
```
#8e50ff
```
#8e50ff rgb(142,80,255)
```

Analogous Color

#c2ff50
```
#c2ff50 rgb(194,255,80)
```
#506aff
```
#506aff rgb(80,106,255)
```
#ff8e50
```
#ff8e50 rgb(255,142,80)
```

Split Complementary Color

#6aff50
```
#6aff50 rgb(106,255,80)
```
#506aff
```
#506aff rgb(80,106,255)
```
#ff506a
```
#ff506a rgb(255,80,106)
```

Triadic Color

#50ffe5
```
#50ffe5 rgb(80,255,229)
```
#506aff
```
#506aff rgb(80,106,255)
```
#ff506a
```
#ff506a rgb(255,80,106)
```
#ffe550
```
#ffe550 rgb(255,229,80)
```

Tetradic Color

#0329ff
```
#0329ff rgb(3,41,255)
```
#1d3fff
```
#1d3fff rgb(29,63,255)
```
#3754ff
```
#3754ff rgb(55,84,255)
```
#506aff
```
#506aff rgb(80,106,255)
```
#6a80ff
```
#6a80ff rgb(106,128,255)
```
#8395ff
```
#8395ff rgb(131,149,255)
```
#9dabff
```
#9dabff rgb(157,171,255)
```

Monochromatic Color

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

#5096ff
```
#5096ff rgb(80,150,255)
```
#5087ff
```
#5087ff rgb(80,135,255)
```
#5079ff
```
#5079ff rgb(80,121,255)
```
#506aff
```
#506aff rgb(80,106,255)
```
#505bff
```
#505bff rgb(80,91,255)
```
#5350ff
```
#5350ff rgb(83,80,255)
```
#6250ff
```
#6250ff rgb(98,80,255)
```

Similar Colors

Text with hexadecimal color #506aff

This text has a font color of #506aff.

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

#506aff background color

This paragraph has a background color of #506aff.

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

#506aff border color

This element has a border color of #506aff.

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

CSS codes

.text {color:#506aff;}

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

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

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)
```
#000315
```
#000315 rgb(0,3,21)
```
#000629
```
#000629 rgb(0,6,41)
```
#00093c
```
#00093c rgb(0,9,60)
```
#000c50
```
#000c50 rgb(0,12,80)
```
#000f64
```
#000f64 rgb(0,15,100)
```
#001277
```
#001277 rgb(0,18,119)
```
#00158b
```
#00158b rgb(0,21,139)
```
#00189e
```
#00189e rgb(0,24,158)
```
#001ab2
```
#001ab2 rgb(0,26,178)
```
#001dc6
```
#001dc6 rgb(0,29,198)
```
#0020d9
```
#0020d9 rgb(0,32,217)
```
#0023ed
```
#0023ed rgb(0,35,237)
```

Shade Color Variation

#0227ff
```
#0227ff rgb(2,39,255)
```
#1538ff
```
#1538ff rgb(21,56,255)
```
#2949ff
```
#2949ff rgb(41,73,255)
```
#3c59ff
```
#3c59ff rgb(60,89,255)
```
#506aff
```
#506aff rgb(80,106,255)
```
#647bff
```
#647bff rgb(100,123,255)
```
#778bff
```
#778bff rgb(119,139,255)
```
#8b9cff
```
#8b9cff rgb(139,156,255)
```
#9eadff
```
#9eadff rgb(158,173,255)
```
#b2beff
```
#b2beff rgb(178,190,255)
```
#c6ceff
```
#c6ceff rgb(198,206,255)
```
#d9dfff
```
#d9dfff rgb(217,223,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 #506aff is the most saturated one.

#a1a3ae
```
#a1a3ae rgb(161,163,174)
```
#9a9eb5
```
#9a9eb5 rgb(154,158,181)
```
#9399bc
```
#9399bc rgb(147,153,188)
```
#8d95c2
```
#8d95c2 rgb(141,149,194)
```
#8690c9
```
#8690c9 rgb(134,144,201)
```
#7f8bd0
```
#7f8bd0 rgb(127,139,208)
```
#7886d7
```
#7886d7 rgb(120,134,215)
```
#7282dd
```
#7282dd rgb(114,130,221)
```
#6b7de4
```
#6b7de4 rgb(107,125,228)
```
#6478eb
```
#6478eb rgb(100,120,235)
```
#5d73f2
```
#5d73f2 rgb(93,115,242)
```
#576ff8
```
#576ff8 rgb(87,111,248)
```
#506aff
```
#506aff rgb(80,106,255)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6c718f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#0083d5 Deuteranopia 1% of men
#008c95 Tritanopia 0.001% of the population

Trichromacy

#1d75f7 Protanomaly 1% of men, 0.01% of women
#1d7ae4 Deuteranomaly 6% of men, 0.4% of women
#1d80bc Tritanomaly 0.01% of the population

#506aff hex color

#506aff Color Information

#506aff Color Conversion

Color Schemes with #506aff

Alternatives to #506aff

#506aff Preview

Shades and Tints of #506aff

Tones of #506aff

Color Blindness Simulator