#505cae hex color

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

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

● #505cae color description : Dark moderate blue.

The hexadecimal color #505cae has RGB values of R:80, G:92, B:174 and CMYK values of C:0.54, M:0.47, Y:0, K:0.32. Its decimal value is 5266606.

Hex triplet	505cae	`#505cae`
RGB Decimal	80, 92, 174	`rgb(80,92,174)`
RGB Percent	31.4, 36.1, 68.2	`rgb(31.4%,36.1%,68.2%)`
CMYK	54, 47, 0, 32
HSL	232.3°, 37, 49.8	`hsl(232.3,37%,49.8%)`
HSV (or HSB)	232.3°, 54, 68.2
Web Safe	666699	`#666699`

CIE-LAB	41.868, 19.404, -45.421
XYZ	14.774, 12.415, 41.66
xyY	0.215, 0.18, 12.415
CIE-LCH	41.868, 49.392, 293.132
CIE-LUV	41.868, -9.011, -68.345
Hunter-Lab	35.235, 13.182, -45.436
Binary	01010000, 01011100, 10101110

#505cae
```
#505cae rgb(80,92,174)
```
#aea250
```
#aea250 rgb(174,162,80)
```

Complementary Color

#508bae
```
#508bae rgb(80,139,174)
```
#505cae
```
#505cae rgb(80,92,174)
```
#7350ae
```
#7350ae rgb(115,80,174)
```

Analogous Color

#8bae50
```
#8bae50 rgb(139,174,80)
```
#505cae
```
#505cae rgb(80,92,174)
```
#ae7350
```
#ae7350 rgb(174,115,80)
```

Split Complementary Color

#5cae50
```
#5cae50 rgb(92,174,80)
```
#505cae
```
#505cae rgb(80,92,174)
```
#ae505c
```
#ae505c rgb(174,80,92)
```

Triadic Color

#50aea2
```
#50aea2 rgb(80,174,162)
```
#505cae
```
#505cae rgb(80,92,174)
```
#ae505c
```
#ae505c rgb(174,80,92)
```
#aea250
```
#aea250 rgb(174,162,80)
```

Tetradic Color

#38407a
```
#38407a rgb(56,64,122)
```
#404a8b
```
#404a8b rgb(64,74,139)
```
#48539d
```
#48539d rgb(72,83,157)
```
#505cae
```
#505cae rgb(80,92,174)
```
#616cb6
```
#616cb6 rgb(97,108,182)
```
#737cbe
```
#737cbe rgb(115,124,190)
```
#848dc6
```
#848dc6 rgb(132,141,198)
```

Monochromatic Color

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

#5074ae
```
#5074ae rgb(80,116,174)
```
#506cae
```
#506cae rgb(80,108,174)
```
#5064ae
```
#5064ae rgb(80,100,174)
```
#505cae
```
#505cae rgb(80,92,174)
```
#5054ae
```
#5054ae rgb(80,84,174)
```
#5450ae
```
#5450ae rgb(84,80,174)
```
#5c50ae
```
#5c50ae rgb(92,80,174)
```

Similar Colors

Text with hexadecimal color #505cae

This text has a font color of #505cae.

<span style="color:#505cae;">Text here</span>

#505cae background color

This paragraph has a background color of #505cae.

<p style="background-color:#505cae;">Content here</p>

#505cae border color

This element has a border color of #505cae.

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

CSS codes

.text {color:#505cae;}

.background {background-color:#505cae;}

.border {border:1px solid #505cae;}

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

#06070d
```
#06070d rgb(6,7,13)
```
#0c0e1a
```
#0c0e1a rgb(12,14,26)
```
#121528
```
#121528 rgb(18,21,40)
```
#181c35
```
#181c35 rgb(24,28,53)
```
#1f2343
```
#1f2343 rgb(31,35,67)
```
#252a50
```
#252a50 rgb(37,42,80)
```
#2b315d
```
#2b315d rgb(43,49,93)
```
#31386b
```
#31386b rgb(49,56,107)
```
#374078
```
#374078 rgb(55,64,120)
```
#3d4786
```
#3d4786 rgb(61,71,134)
```
#444e93
```
#444e93 rgb(68,78,147)
```
#4a55a1
```
#4a55a1 rgb(74,85,161)
```
#505cae
```
#505cae rgb(80,92,174)
```

Shade Color Variation

#5d68b5
```
#5d68b5 rgb(93,104,181)
```
#6b75bb
```
#6b75bb rgb(107,117,187)
```
#7881c1
```
#7881c1 rgb(120,129,193)
```
#858ec7
```
#858ec7 rgb(133,142,199)
```
#939acd
```
#939acd rgb(147,154,205)
```
#a0a7d3
```
#a0a7d3 rgb(160,167,211)
```
#aeb3da
```
#aeb3da rgb(174,179,218)
```
#bbc0e0
```
#bbc0e0 rgb(187,192,224)
```
#c9cce6
```
#c9cce6 rgb(201,204,230)
```
#d6d9ec
```
#d6d9ec rgb(214,217,236)
```
#e3e5f2
```
#e3e5f2 rgb(227,229,242)
```
#f1f2f9
```
#f1f2f9 rgb(241,242,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777987 is the less saturated color, while #0222fc is the most saturated one.

#777987
```
#777987 rgb(119,121,135)
```
#6d7291
```
#6d7291 rgb(109,114,145)
```
#646b9a
```
#646b9a rgb(100,107,154)
```
#5a63a4
```
#5a63a4 rgb(90,99,164)
```
#505cae
```
#505cae rgb(80,92,174)
```
#4655b8
```
#4655b8 rgb(70,85,184)
```
#3c4dc2
```
#3c4dc2 rgb(60,77,194)
```
#3346cb
```
#3346cb rgb(51,70,203)
```
#293fd5
```
#293fd5 rgb(41,63,213)
```
#1f38df
```
#1f38df rgb(31,56,223)
```
#1530e9
```
#1530e9 rgb(21,48,233)
```
#0c29f2
```
#0c29f2 rgb(12,41,242)
```
#0222fc
```
#0222fc rgb(2,34,252)
```

Tone Color Variation

Below, you can see how #505cae 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

#626262 Achromatopsia 0.005% of the population
#5e6171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4268b5 Protanopia 1% of men
#2f6caf Deuteranopia 1% of men
#3f727a Tritanopia 0.001% of the population

Trichromacy

#4763b2 Protanomaly 1% of men, 0.01% of women
#3b66ae Deuteranomaly 6% of men, 0.4% of women
#456a8d Tritanomaly 0.01% of the population

#505cae hex color

#505cae Color Information

#505cae Color Conversion

Color Schemes with #505cae

Alternatives to #505cae

#505cae Preview

Shades and Tints of #505cae

Tones of #505cae

Color Blindness Simulator