#506dae hex color

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

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

● #506dae color description : Dark moderate blue.

The hexadecimal color #506dae has RGB values of R:80, G:109, B:174 and CMYK values of C:0.54, M:0.37, Y:0, K:0.32. Its decimal value is 5270958.

Hex triplet	506dae	`#506dae`
RGB Decimal	80, 109, 174	`rgb(80,109,174)`
RGB Percent	31.4, 42.7, 68.2	`rgb(31.4%,42.7%,68.2%)`
CMYK	54, 37, 0, 32
HSL	221.5°, 37, 49.8	`hsl(221.5,37%,49.8%)`
HSV (or HSB)	221.5°, 54, 68.2
Web Safe	666699	`#666699`

CIE-LAB	46.576, 8.722, -37.938
XYZ	16.415, 15.698, 42.207
xyY	0.221, 0.211, 15.698
CIE-LCH	46.576, 38.928, 282.948
CIE-LUV	46.576, -14.753, -57.566
Hunter-Lab	39.621, 4.618, -35.426
Binary	01010000, 01101101, 10101110

#506dae
```
#506dae rgb(80,109,174)
```
#ae9150
```
#ae9150 rgb(174,145,80)
```

Complementary Color

#509cae
```
#509cae rgb(80,156,174)
```
#506dae
```
#506dae rgb(80,109,174)
```
#6250ae
```
#6250ae rgb(98,80,174)
```

Analogous Color

#9cae50
```
#9cae50 rgb(156,174,80)
```
#506dae
```
#506dae rgb(80,109,174)
```
#ae6250
```
#ae6250 rgb(174,98,80)
```

Split Complementary Color

#6dae50
```
#6dae50 rgb(109,174,80)
```
#506dae
```
#506dae rgb(80,109,174)
```
#ae506d
```
#ae506d rgb(174,80,109)
```

Triadic Color

#50ae91
```
#50ae91 rgb(80,174,145)
```
#506dae
```
#506dae rgb(80,109,174)
```
#ae506d
```
#ae506d rgb(174,80,109)
```
#ae9150
```
#ae9150 rgb(174,145,80)
```

Tetradic Color

#384c7a
```
#384c7a rgb(56,76,122)
```
#40578b
```
#40578b rgb(64,87,139)
```
#48629d
```
#48629d rgb(72,98,157)
```
#506dae
```
#506dae rgb(80,109,174)
```
#617bb6
```
#617bb6 rgb(97,123,182)
```
#738abe
```
#738abe rgb(115,138,190)
```
#8499c6
```
#8499c6 rgb(132,153,198)
```

Monochromatic Color

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

#5085ae
```
#5085ae rgb(80,133,174)
```
#507dae
```
#507dae rgb(80,125,174)
```
#5075ae
```
#5075ae rgb(80,117,174)
```
#506dae
```
#506dae rgb(80,109,174)
```
#5065ae
```
#5065ae rgb(80,101,174)
```
#505dae
```
#505dae rgb(80,93,174)
```
#5056ae
```
#5056ae rgb(80,86,174)
```

Similar Colors

Text with hexadecimal color #506dae

This text has a font color of #506dae.

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

#506dae background color

This paragraph has a background color of #506dae.

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

#506dae border color

This element has a border color of #506dae.

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

CSS codes

.text {color:#506dae;}

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

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

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)
```
#121928
```
#121928 rgb(18,25,40)
```
#182135
```
#182135 rgb(24,33,53)
```
#1f2a43
```
#1f2a43 rgb(31,42,67)
```
#253250
```
#253250 rgb(37,50,80)
```
#2b3a5d
```
#2b3a5d rgb(43,58,93)
```
#31436b
```
#31436b rgb(49,67,107)
```
#374b78
```
#374b78 rgb(55,75,120)
```
#3d5486
```
#3d5486 rgb(61,84,134)
```
#445c93
```
#445c93 rgb(68,92,147)
```
#4a65a1
```
#4a65a1 rgb(74,101,161)
```
#506dae
```
#506dae rgb(80,109,174)
```

Shade Color Variation

#5d78b5
```
#5d78b5 rgb(93,120,181)
```
#6b83bb
```
#6b83bb rgb(107,131,187)
```
#788ec1
```
#788ec1 rgb(120,142,193)
```
#859ac7
```
#859ac7 rgb(133,154,199)
```
#93a5cd
```
#93a5cd rgb(147,165,205)
```
#a0b0d3
```
#a0b0d3 rgb(160,176,211)
```
#aebbda
```
#aebbda rgb(174,187,218)
```
#bbc6e0
```
#bbc6e0 rgb(187,198,224)
```
#c9d2e6
```
#c9d2e6 rgb(201,210,230)
```
#d6ddec
```
#d6ddec rgb(214,221,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 #024ffc is the most saturated one.

#777c87
```
#777c87 rgb(119,124,135)
```
#6d7891
```
#6d7891 rgb(109,120,145)
```
#64749a
```
#64749a rgb(100,116,154)
```
#5a71a4
```
#5a71a4 rgb(90,113,164)
```
#506dae
```
#506dae rgb(80,109,174)
```
#4669b8
```
#4669b8 rgb(70,105,184)
```
#3c66c2
```
#3c66c2 rgb(60,102,194)
```
#3362cb
```
#3362cb rgb(51,98,203)
```
#295ed5
```
#295ed5 rgb(41,94,213)
```
#1f5adf
```
#1f5adf rgb(31,90,223)
```
#1557e9
```
#1557e9 rgb(21,87,233)
```
#0c53f2
```
#0c53f2 rgb(12,83,242)
```
#024ffc
```
#024ffc rgb(2,79,252)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#666c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d73b1 Protanopia 1% of men
#5275b1 Deuteranopia 1% of men
#457e87 Tritanopia 0.001% of the population

Trichromacy

#5871b0 Protanomaly 1% of men, 0.01% of women
#5172b0 Deuteranomaly 6% of men, 0.4% of women
#497795 Tritanomaly 0.01% of the population

#506dae hex color

#506dae Color Information

#506dae Color Conversion

Color Schemes with #506dae

Alternatives to #506dae

#506dae Preview

Shades and Tints of #506dae

Tones of #506dae

Color Blindness Simulator