#506bae hex color

In a RGB color space, hex #506bae is composed of 31.4% red, 42% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 38.5% magenta, 0% yellow and 31.8% black. It has a hue angle of 222.8 degrees, a saturation of 37% and a lightness of 49.8%. #506bae color hex could be obtained by blending #a0d6ff with #00005d. Closest websafe color is: #666699.

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

● #506bae color description : Dark moderate blue.

The hexadecimal color #506bae has RGB values of R:80, G:107, B:174 and CMYK values of C:0.54, M:0.39, Y:0, K:0.32. Its decimal value is 5270446.

Hex triplet	506bae	`#506bae`
RGB Decimal	80, 107, 174	`rgb(80,107,174)`
RGB Percent	31.4, 42, 68.2	`rgb(31.4%,42%,68.2%)`
CMYK	54, 39, 0, 32
HSL	222.8°, 37, 49.8	`hsl(222.8,37%,49.8%)`
HSV (or HSB)	222.8°, 54, 68.2
Web Safe	666699	`#666699`

CIE-LAB	46.01, 9.963, -38.832
XYZ	16.204, 15.276, 42.137
xyY	0.22, 0.208, 15.276
CIE-LCH	46.01, 40.09, 284.389
CIE-LUV	46.01, -14.047, -58.922
Hunter-Lab	39.085, 5.607, -36.561
Binary	01010000, 01101011, 10101110

#506bae
```
#506bae rgb(80,107,174)
```
#ae9350
```
#ae9350 rgb(174,147,80)
```

Complementary Color

#509aae
```
#509aae rgb(80,154,174)
```
#506bae
```
#506bae rgb(80,107,174)
```
#6450ae
```
#6450ae rgb(100,80,174)
```

Analogous Color

#9aae50
```
#9aae50 rgb(154,174,80)
```
#506bae
```
#506bae rgb(80,107,174)
```
#ae6450
```
#ae6450 rgb(174,100,80)
```

Split Complementary Color

#6bae50
```
#6bae50 rgb(107,174,80)
```
#506bae
```
#506bae rgb(80,107,174)
```
#ae506b
```
#ae506b rgb(174,80,107)
```

Triadic Color

#50ae93
```
#50ae93 rgb(80,174,147)
```
#506bae
```
#506bae rgb(80,107,174)
```
#ae506b
```
#ae506b rgb(174,80,107)
```
#ae9350
```
#ae9350 rgb(174,147,80)
```

Tetradic Color

#384b7a
```
#384b7a rgb(56,75,122)
```
#40568b
```
#40568b rgb(64,86,139)
```
#48609d
```
#48609d rgb(72,96,157)
```
#506bae
```
#506bae rgb(80,107,174)
```
#617ab6
```
#617ab6 rgb(97,122,182)
```
#7388be
```
#7388be rgb(115,136,190)
```
#8497c6
```
#8497c6 rgb(132,151,198)
```

Monochromatic Color

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

#5083ae
```
#5083ae rgb(80,131,174)
```
#507bae
```
#507bae rgb(80,123,174)
```
#5073ae
```
#5073ae rgb(80,115,174)
```
#506bae
```
#506bae rgb(80,107,174)
```
#5063ae
```
#5063ae rgb(80,99,174)
```
#505bae
```
#505bae rgb(80,91,174)
```
#5054ae
```
#5054ae rgb(80,84,174)
```

Similar Colors

Text with hexadecimal color #506bae

This text has a font color of #506bae.

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

#506bae background color

This paragraph has a background color of #506bae.

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

#506bae border color

This element has a border color of #506bae.

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

CSS codes

.text {color:#506bae;}

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

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

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 #fefeff is the lightest one.

#06080d
```
#06080d rgb(6,8,13)
```
#0c101a
```
#0c101a rgb(12,16,26)
```
#121828
```
#121828 rgb(18,24,40)
```
#182135
```
#182135 rgb(24,33,53)
```
#1f2943
```
#1f2943 rgb(31,41,67)
```
#253150
```
#253150 rgb(37,49,80)
```
#2b395d
```
#2b395d rgb(43,57,93)
```
#31426b
```
#31426b rgb(49,66,107)
```
#374a78
```
#374a78 rgb(55,74,120)
```
#3d5286
```
#3d5286 rgb(61,82,134)
```
#445a93
```
#445a93 rgb(68,90,147)
```
#4a63a1
```
#4a63a1 rgb(74,99,161)
```
#506bae
```
#506bae rgb(80,107,174)
```

Shade Color Variation

#5d76b5
```
#5d76b5 rgb(93,118,181)
```
#6b82bb
```
#6b82bb rgb(107,130,187)
```
#788dc1
```
#788dc1 rgb(120,141,193)
```
#8598c7
```
#8598c7 rgb(133,152,199)
```
#93a4cd
```
#93a4cd rgb(147,164,205)
```
#a0afd3
```
#a0afd3 rgb(160,175,211)
```
#aebada
```
#aebada rgb(174,186,218)
```
#bbc6e0
```
#bbc6e0 rgb(187,198,224)
```
#c9d1e6
```
#c9d1e6 rgb(201,209,230)
```
#d6dcec
```
#d6dcec rgb(214,220,236)
```
#e3e8f2
```
#e3e8f2 rgb(227,232,242)
```
#f1f3f9
```
#f1f3f9 rgb(241,243,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#777c87
```
#777c87 rgb(119,124,135)
```
#6d7791
```
#6d7791 rgb(109,119,145)
```
#64739a
```
#64739a rgb(100,115,154)
```
#5a6fa4
```
#5a6fa4 rgb(90,111,164)
```
#506bae
```
#506bae rgb(80,107,174)
```
#4667b8
```
#4667b8 rgb(70,103,184)
```
#3c63c2
```
#3c63c2 rgb(60,99,194)
```
#335fcb
```
#335fcb rgb(51,95,203)
```
#295ad5
```
#295ad5 rgb(41,90,213)
```
#1f56df
```
#1f56df rgb(31,86,223)
```
#1552e9
```
#1552e9 rgb(21,82,233)
```
#0c4ef2
```
#0c4ef2 rgb(12,78,242)
```
#024afc
```
#024afc rgb(2,74,252)
```

Tone Color Variation

Below, you can see how #506bae 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
#666b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a72b2 Protanopia 1% of men
#4f74b1 Deuteranopia 1% of men
#447c85 Tritanopia 0.001% of the population

Trichromacy

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

#506bae hex color

#506bae Color Information

#506bae Color Conversion

Color Schemes with #506bae

Alternatives to #506bae

#506bae Preview

Shades and Tints of #506bae

Tones of #506bae

Color Blindness Simulator