#506fab hex color

In a RGB color space, hex #506fab is composed of 31.4% red, 43.5% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 35.1% magenta, 0% yellow and 32.9% black. It has a hue angle of 219.6 degrees, a saturation of 36.3% and a lightness of 49.2%. #506fab color hex could be obtained by blending #a0deff with #000057. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 44
- B 67
RGB color chart
- C 53
- M 35
- Y 0
- K 33
CMYK color chart

● #506fab color description : Dark moderate blue.

The hexadecimal color #506fab has RGB values of R:80, G:111, B:171 and CMYK values of C:0.53, M:0.35, Y:0, K:0.33. Its decimal value is 5271467.

Hex triplet	506fab	`#506fab`
RGB Decimal	80, 111, 171	`rgb(80,111,171)`
RGB Percent	31.4, 43.5, 67.1	`rgb(31.4%,43.5%,67.1%)`
CMYK	53, 35, 0, 33
HSL	219.6°, 36.3, 49.2	`hsl(219.6,36.3%,49.2%)`
HSV (or HSB)	219.6°, 53.2, 67.1
Web Safe	666699	`#666699`

CIE-LAB	46.993, 6.509, -35.528
XYZ	16.342, 16.014, 40.756
xyY	0.224, 0.219, 16.014
CIE-LCH	46.993, 36.119, 280.382
CIE-LUV	46.993, -15.446, -53.684
Hunter-Lab	40.017, 2.864, -32.372
Binary	01010000, 01101111, 10101011

#506fab
```
#506fab rgb(80,111,171)
```
#ab8c50
```
#ab8c50 rgb(171,140,80)
```

Complementary Color

#509dab
```
#509dab rgb(80,157,171)
```
#506fab
```
#506fab rgb(80,111,171)
```
#5f50ab
```
#5f50ab rgb(95,80,171)
```

Analogous Color

#9dab50
```
#9dab50 rgb(157,171,80)
```
#506fab
```
#506fab rgb(80,111,171)
```
#ab5f50
```
#ab5f50 rgb(171,95,80)
```

Split Complementary Color

#6fab50
```
#6fab50 rgb(111,171,80)
```
#506fab
```
#506fab rgb(80,111,171)
```
#ab506f
```
#ab506f rgb(171,80,111)
```

Triadic Color

#50ab8c
```
#50ab8c rgb(80,171,140)
```
#506fab
```
#506fab rgb(80,111,171)
```
#ab506f
```
#ab506f rgb(171,80,111)
```
#ab8c50
```
#ab8c50 rgb(171,140,80)
```

Tetradic Color

#384d77
```
#384d77 rgb(56,77,119)
```
#405888
```
#405888 rgb(64,88,136)
```
#48649a
```
#48649a rgb(72,100,154)
```
#506fab
```
#506fab rgb(80,111,171)
```
#607db5
```
#607db5 rgb(96,125,181)
```
#718bbd
```
#718bbd rgb(113,139,189)
```
#8399c5
```
#8399c5 rgb(131,153,197)
```

Monochromatic Color

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

#5086ab
```
#5086ab rgb(80,134,171)
```
#507eab
```
#507eab rgb(80,126,171)
```
#5077ab
```
#5077ab rgb(80,119,171)
```
#506fab
```
#506fab rgb(80,111,171)
```
#5067ab
```
#5067ab rgb(80,103,171)
```
#5060ab
```
#5060ab rgb(80,96,171)
```
#5058ab
```
#5058ab rgb(80,88,171)
```

Similar Colors

Text with hexadecimal color #506fab

This text has a font color of #506fab.

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

#506fab background color

This paragraph has a background color of #506fab.

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

#506fab border color

This element has a border color of #506fab.

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

CSS codes

.text {color:#506fab;}

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

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

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

#05070b
```
#05070b rgb(5,7,11)
```
#0b1018
```
#0b1018 rgb(11,16,24)
```
#111825
```
#111825 rgb(17,24,37)
```
#182133
```
#182133 rgb(24,33,51)
```
#1e2a40
```
#1e2a40 rgb(30,42,64)
```
#24324d
```
#24324d rgb(36,50,77)
```
#2a3b5b
```
#2a3b5b rgb(42,59,91)
```
#314468
```
#314468 rgb(49,68,104)
```
#374c76
```
#374c76 rgb(55,76,118)
```
#3d5583
```
#3d5583 rgb(61,85,131)
```
#435e90
```
#435e90 rgb(67,94,144)
```
#4a669e
```
#4a669e rgb(74,102,158)
```
#506fab
```
#506fab rgb(80,111,171)
```

Shade Color Variation

#5c79b3
```
#5c79b3 rgb(92,121,179)
```
#6984b9
```
#6984b9 rgb(105,132,185)
```
#778fbf
```
#778fbf rgb(119,143,191)
```
#849ac5
```
#849ac5 rgb(132,154,197)
```
#91a5cc
```
#91a5cc rgb(145,165,204)
```
#9fb0d2
```
#9fb0d2 rgb(159,176,210)
```
#acbbd8
```
#acbbd8 rgb(172,187,216)
```
#b9c6de
```
#b9c6de rgb(185,198,222)
```
#c7d1e5
```
#c7d1e5 rgb(199,209,229)
```
#d4dceb
```
#d4dceb rgb(212,220,235)
```
#e2e7f1
```
#e2e7f1 rgb(226,231,241)
```
#eff2f7
```
#eff2f7 rgb(239,242,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777b84 is the less saturated color, while #0356f8 is the most saturated one.

#777b84
```
#777b84 rgb(119,123,132)
```
#6d788e
```
#6d788e rgb(109,120,142)
```
#637598
```
#637598 rgb(99,117,152)
```
#5a72a1
```
#5a72a1 rgb(90,114,161)
```
#506fab
```
#506fab rgb(80,111,171)
```
#466cb5
```
#466cb5 rgb(70,108,181)
```
#3d69be
```
#3d69be rgb(61,105,190)
```
#3366c8
```
#3366c8 rgb(51,102,200)
```
#2963d2
```
#2963d2 rgb(41,99,210)
```
#2060db
```
#2060db rgb(32,96,219)
```
#165de5
```
#165de5 rgb(22,93,229)
```
#0c59ef
```
#0c59ef rgb(12,89,239)
```
#0356f8
```
#0356f8 rgb(3,86,248)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#676d79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6175ae Protanopia 1% of men
#5876af Deuteranopia 1% of men
#477e88 Tritanopia 0.001% of the population

Trichromacy

#5a72ad Protanomaly 1% of men, 0.01% of women
#5573ad Deuteranomaly 6% of men, 0.4% of women
#4a7994 Tritanomaly 0.01% of the population

#506fab hex color

#506fab Color Information

#506fab Color Conversion

Color Schemes with #506fab

Alternatives to #506fab

#506fab Preview

Shades and Tints of #506fab

Tones of #506fab

Color Blindness Simulator