#506aaf hex color

In a RGB color space, hex #506aaf is composed of 31.4% red, 41.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 39.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 223.6 degrees, a saturation of 37.3% and a lightness of 50%. #506aaf color hex could be obtained by blending #a0d4ff with #00005f. Closest websafe color is: #666699.

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

● #506aaf color description : Dark moderate blue.

The hexadecimal color #506aaf has RGB values of R:80, G:106, B:175 and CMYK values of C:0.54, M:0.39, Y:0, K:0.31. Its decimal value is 5270191.

Hex triplet	506aaf	`#506aaf`
RGB Decimal	80, 106, 175	`rgb(80,106,175)`
RGB Percent	31.4, 41.6, 68.6	`rgb(31.4%,41.6%,68.6%)`
CMYK	54, 39, 0, 31
HSL	223.6°, 37.3, 50	`hsl(223.6,37.3%,50%)`
HSV (or HSB)	223.6°, 54.3, 68.6
Web Safe	666699	`#666699`

CIE-LAB	45.782, 10.914, -39.778
XYZ	16.199, 15.108, 42.618
xyY	0.219, 0.204, 15.108
CIE-LCH	45.782, 41.248, 285.343
CIE-LUV	45.782, -13.711, -60.415
Hunter-Lab	38.869, 6.369, -37.8
Binary	01010000, 01101010, 10101111

#506aaf
```
#506aaf rgb(80,106,175)
```
#af9550
```
#af9550 rgb(175,149,80)
```

Complementary Color

#509aaf
```
#509aaf rgb(80,154,175)
```
#506aaf
```
#506aaf rgb(80,106,175)
```
#6650af
```
#6650af rgb(102,80,175)
```

Analogous Color

#9aaf50
```
#9aaf50 rgb(154,175,80)
```
#506aaf
```
#506aaf rgb(80,106,175)
```
#af6650
```
#af6650 rgb(175,102,80)
```

Split Complementary Color

#6aaf50
```
#6aaf50 rgb(106,175,80)
```
#506aaf
```
#506aaf rgb(80,106,175)
```
#af506a
```
#af506a rgb(175,80,106)
```

Triadic Color

#50af95
```
#50af95 rgb(80,175,149)
```
#506aaf
```
#506aaf rgb(80,106,175)
```
#af506a
```
#af506a rgb(175,80,106)
```
#af9550
```
#af9550 rgb(175,149,80)
```

Tetradic Color

#384a7b
```
#384a7b rgb(56,74,123)
```
#40558c
```
#40558c rgb(64,85,140)
```
#485f9e
```
#485f9e rgb(72,95,158)
```
#506aaf
```
#506aaf rgb(80,106,175)
```
#6279b7
```
#6279b7 rgb(98,121,183)
```
#7388bf
```
#7388bf rgb(115,136,191)
```
#8597c7
```
#8597c7 rgb(133,151,199)
```

Monochromatic Color

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

#5082af
```
#5082af rgb(80,130,175)
```
#507aaf
```
#507aaf rgb(80,122,175)
```
#5072af
```
#5072af rgb(80,114,175)
```
#506aaf
```
#506aaf rgb(80,106,175)
```
#5062af
```
#5062af rgb(80,98,175)
```
#505aaf
```
#505aaf rgb(80,90,175)
```
#5052af
```
#5052af rgb(80,82,175)
```

Similar Colors

Text with hexadecimal color #506aaf

This text has a font color of #506aaf.

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

#506aaf background color

This paragraph has a background color of #506aaf.

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

#506aaf border color

This element has a border color of #506aaf.

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

CSS codes

.text {color:#506aaf;}

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

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

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, #06080d is the darkest color, while #ffffff is the lightest one.

#06080d
```
#06080d rgb(6,8,13)
```
#0c101b
```
#0c101b rgb(12,16,27)
```
#121828
```
#121828 rgb(18,24,40)
```
#192136
```
#192136 rgb(25,33,54)
```
#1f2943
```
#1f2943 rgb(31,41,67)
```
#253151
```
#253151 rgb(37,49,81)
```
#2b395e
```
#2b395e rgb(43,57,94)
```
#31416c
```
#31416c rgb(49,65,108)
```
#374979
```
#374979 rgb(55,73,121)
```
#3e5287
```
#3e5287 rgb(62,82,135)
```
#445a94
```
#445a94 rgb(68,90,148)
```
#4a62a2
```
#4a62a2 rgb(74,98,162)
```
#506aaf
```
#506aaf rgb(80,106,175)
```

Shade Color Variation

#5d75b5
```
#5d75b5 rgb(93,117,181)
```
#6b81bb
```
#6b81bb rgb(107,129,187)
```
#788cc1
```
#788cc1 rgb(120,140,193)
```
#8698c8
```
#8698c8 rgb(134,152,200)
```
#93a3ce
```
#93a3ce rgb(147,163,206)
```
#a1afd4
```
#a1afd4 rgb(161,175,212)
```
#aebada
```
#aebada rgb(174,186,218)
```
#bcc6e0
```
#bcc6e0 rgb(188,198,224)
```
#c9d1e6
```
#c9d1e6 rgb(201,209,230)
```
#d7dded
```
#d7dded rgb(215,221,237)
```
#e4e8f3
```
#e4e8f3 rgb(228,232,243)
```
#f2f4f9
```
#f2f4f9 rgb(242,244,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#777c88
```
#777c88 rgb(119,124,136)
```
#6d7792
```
#6d7792 rgb(109,119,146)
```
#64739b
```
#64739b rgb(100,115,155)
```
#5a6ea5
```
#5a6ea5 rgb(90,110,165)
```
#506aaf
```
#506aaf rgb(80,106,175)
```
#4666b9
```
#4666b9 rgb(70,102,185)
```
#3c61c3
```
#3c61c3 rgb(60,97,195)
```
#335dcc
```
#335dcc rgb(51,93,204)
```
#2958d6
```
#2958d6 rgb(41,88,214)
```
#1f54e0
```
#1f54e0 rgb(31,84,224)
```
#154fea
```
#154fea rgb(21,79,234)
```
#0b4bf4
```
#0b4bf4 rgb(11,75,244)
```
#0246fd
```
#0246fd rgb(2,70,253)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#656a78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5871b3 Protanopia 1% of men
#4c74b2 Deuteranopia 1% of men
#437c85 Tritanopia 0.001% of the population

Trichromacy

#556fb1 Protanomaly 1% of men, 0.01% of women
#4d70b0 Deuteranomaly 6% of men, 0.4% of women
#487594 Tritanomaly 0.01% of the population

#506aaf hex color

#506aaf Color Information

#506aaf Color Conversion

Color Schemes with #506aaf

Alternatives to #506aaf

#506aaf Preview

Shades and Tints of #506aaf

Tones of #506aaf

Color Blindness Simulator