#506baf hex color

In a RGB color space, hex #506baf is composed of 31.4% red, 42% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 38.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 222.9 degrees, a saturation of 37.3% and a lightness of 50%. #506baf color hex could be obtained by blending #a0d6ff 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

● #506baf color description : Dark moderate blue.

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

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

CIE-LAB	46.063, 10.292, -39.333
XYZ	16.302, 15.315, 42.652
xyY	0.219, 0.206, 15.315
CIE-LCH	46.063, 40.657, 284.663
CIE-LUV	46.063, -14.06, -59.747
Hunter-Lab	39.135, 5.871, -37.225
Binary	01010000, 01101011, 10101111

#506baf
```
#506baf rgb(80,107,175)
```
#af9450
```
#af9450 rgb(175,148,80)
```

Complementary Color

#509baf
```
#509baf rgb(80,155,175)
```
#506baf
```
#506baf rgb(80,107,175)
```
#6550af
```
#6550af rgb(101,80,175)
```

Analogous Color

#9baf50
```
#9baf50 rgb(155,175,80)
```
#506baf
```
#506baf rgb(80,107,175)
```
#af6550
```
#af6550 rgb(175,101,80)
```

Split Complementary Color

#6baf50
```
#6baf50 rgb(107,175,80)
```
#506baf
```
#506baf rgb(80,107,175)
```
#af506b
```
#af506b rgb(175,80,107)
```

Triadic Color

#50af94
```
#50af94 rgb(80,175,148)
```
#506baf
```
#506baf rgb(80,107,175)
```
#af506b
```
#af506b rgb(175,80,107)
```
#af9450
```
#af9450 rgb(175,148,80)
```

Tetradic Color

#384b7b
```
#384b7b rgb(56,75,123)
```
#40568c
```
#40568c rgb(64,86,140)
```
#48609e
```
#48609e rgb(72,96,158)
```
#506baf
```
#506baf rgb(80,107,175)
```
#627ab7
```
#627ab7 rgb(98,122,183)
```
#7389bf
```
#7389bf rgb(115,137,191)
```
#8597c7
```
#8597c7 rgb(133,151,199)
```

Monochromatic Color

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

#5083af
```
#5083af rgb(80,131,175)
```
#507baf
```
#507baf rgb(80,123,175)
```
#5073af
```
#5073af rgb(80,115,175)
```
#506baf
```
#506baf rgb(80,107,175)
```
#5063af
```
#5063af rgb(80,99,175)
```
#505baf
```
#505baf rgb(80,91,175)
```
#5053af
```
#5053af rgb(80,83,175)
```

Similar Colors

Text with hexadecimal color #506baf

This text has a font color of #506baf.

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

#506baf background color

This paragraph has a background color of #506baf.

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

#506baf border color

This element has a border color of #506baf.

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

CSS codes

.text {color:#506baf;}

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

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

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)
```
#121928
```
#121928 rgb(18,25,40)
```
#192136
```
#192136 rgb(25,33,54)
```
#1f2943
```
#1f2943 rgb(31,41,67)
```
#253151
```
#253151 rgb(37,49,81)
```
#2b3a5e
```
#2b3a5e rgb(43,58,94)
```
#31426c
```
#31426c rgb(49,66,108)
```
#374a79
```
#374a79 rgb(55,74,121)
```
#3e5287
```
#3e5287 rgb(62,82,135)
```
#445b94
```
#445b94 rgb(68,91,148)
```
#4a63a2
```
#4a63a2 rgb(74,99,162)
```
#506baf
```
#506baf rgb(80,107,175)
```

Shade Color Variation

#5d76b5
```
#5d76b5 rgb(93,118,181)
```
#6b82bb
```
#6b82bb rgb(107,130,187)
```
#788dc1
```
#788dc1 rgb(120,141,193)
```
#8699c8
```
#8699c8 rgb(134,153,200)
```
#93a4ce
```
#93a4ce rgb(147,164,206)
```
#a1afd4
```
#a1afd4 rgb(161,175,212)
```
#aebbda
```
#aebbda rgb(174,187,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 #0249fd is the most saturated one.

#777c88
```
#777c88 rgb(119,124,136)
```
#6d7892
```
#6d7892 rgb(109,120,146)
```
#64739b
```
#64739b rgb(100,115,155)
```
#5a6fa5
```
#5a6fa5 rgb(90,111,165)
```
#506baf
```
#506baf rgb(80,107,175)
```
#4667b9
```
#4667b9 rgb(70,103,185)
```
#3c63c3
```
#3c63c3 rgb(60,99,195)
```
#335ecc
```
#335ecc rgb(51,94,204)
```
#295ad6
```
#295ad6 rgb(41,90,214)
```
#1f56e0
```
#1f56e0 rgb(31,86,224)
```
#1552ea
```
#1552ea rgb(21,82,234)
```
#0b4df4
```
#0b4df4 rgb(11,77,244)
```
#0249fd
```
#0249fd rgb(2,73,253)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#666b79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5972b3 Protanopia 1% of men
#4e74b2 Deuteranopia 1% of men
#447c85 Tritanopia 0.001% of the population

Trichromacy

#566fb1 Protanomaly 1% of men, 0.01% of women
#4e71b1 Deuteranomaly 6% of men, 0.4% of women
#487694 Tritanomaly 0.01% of the population

#506baf hex color

#506baf Color Information

#506baf Color Conversion

Color Schemes with #506baf

Alternatives to #506baf

#506baf Preview

Shades and Tints of #506baf

Tones of #506baf

Color Blindness Simulator