#5063ae hex color

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

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

● #5063ae color description : Dark moderate blue.

The hexadecimal color #5063ae has RGB values of R:80, G:99, B:174 and CMYK values of C:0.54, M:0.43, Y:0, K:0.32. Its decimal value is 5268398.

Hex triplet	5063ae	`#5063ae`
RGB Decimal	80, 99, 174	`rgb(80,99,174)`
RGB Percent	31.4, 38.8, 68.2	`rgb(31.4%,38.8%,68.2%)`
CMYK	54, 43, 0, 32
HSL	227.9°, 37, 49.8	`hsl(227.9,37%,49.8%)`
HSV (or HSB)	227.9°, 54, 68.2
Web Safe	666699	`#666699`

CIE-LAB	43.777, 14.973, -42.376
XYZ	15.408, 13.684, 41.871
xyY	0.217, 0.193, 13.684
CIE-LCH	43.777, 44.943, 289.46
CIE-LUV	43.777, -11.3, -64.126
Hunter-Lab	36.993, 9.614, -41.215
Binary	01010000, 01100011, 10101110

#5063ae
```
#5063ae rgb(80,99,174)
```
#ae9b50
```
#ae9b50 rgb(174,155,80)
```

Complementary Color

#5092ae
```
#5092ae rgb(80,146,174)
```
#5063ae
```
#5063ae rgb(80,99,174)
```
#6c50ae
```
#6c50ae rgb(108,80,174)
```

Analogous Color

#92ae50
```
#92ae50 rgb(146,174,80)
```
#5063ae
```
#5063ae rgb(80,99,174)
```
#ae6c50
```
#ae6c50 rgb(174,108,80)
```

Split Complementary Color

#63ae50
```
#63ae50 rgb(99,174,80)
```
#5063ae
```
#5063ae rgb(80,99,174)
```
#ae5063
```
#ae5063 rgb(174,80,99)
```

Triadic Color

#50ae9b
```
#50ae9b rgb(80,174,155)
```
#5063ae
```
#5063ae rgb(80,99,174)
```
#ae5063
```
#ae5063 rgb(174,80,99)
```
#ae9b50
```
#ae9b50 rgb(174,155,80)
```

Tetradic Color

#38457a
```
#38457a rgb(56,69,122)
```
#404f8b
```
#404f8b rgb(64,79,139)
```
#48599d
```
#48599d rgb(72,89,157)
```
#5063ae
```
#5063ae rgb(80,99,174)
```
#6172b6
```
#6172b6 rgb(97,114,182)
```
#7382be
```
#7382be rgb(115,130,190)
```
#8491c6
```
#8491c6 rgb(132,145,198)
```

Monochromatic Color

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

#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)
```
#5053ae
```
#5053ae rgb(80,83,174)
```
#5450ae
```
#5450ae rgb(84,80,174)
```

Similar Colors

Text with hexadecimal color #5063ae

This text has a font color of #5063ae.

<span style="color:#5063ae;">Text here</span>

#5063ae background color

This paragraph has a background color of #5063ae.

<p style="background-color:#5063ae;">Content here</p>

#5063ae border color

This element has a border color of #5063ae.

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

CSS codes

.text {color:#5063ae;}

.background {background-color:#5063ae;}

.border {border:1px solid #5063ae;}

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)
```
#0c0f1a
```
#0c0f1a rgb(12,15,26)
```
#121728
```
#121728 rgb(18,23,40)
```
#181e35
```
#181e35 rgb(24,30,53)
```
#1f2643
```
#1f2643 rgb(31,38,67)
```
#252d50
```
#252d50 rgb(37,45,80)
```
#2b355d
```
#2b355d rgb(43,53,93)
```
#313d6b
```
#313d6b rgb(49,61,107)
```
#374478
```
#374478 rgb(55,68,120)
```
#3d4c86
```
#3d4c86 rgb(61,76,134)
```
#445493
```
#445493 rgb(68,84,147)
```
#4a5ba1
```
#4a5ba1 rgb(74,91,161)
```
#5063ae
```
#5063ae rgb(80,99,174)
```

Shade Color Variation

#5d6fb5
```
#5d6fb5 rgb(93,111,181)
```
#6b7bbb
```
#6b7bbb rgb(107,123,187)
```
#7887c1
```
#7887c1 rgb(120,135,193)
```
#8593c7
```
#8593c7 rgb(133,147,199)
```
#939fcd
```
#939fcd rgb(147,159,205)
```
#a0abd3
```
#a0abd3 rgb(160,171,211)
```
#aeb7da
```
#aeb7da rgb(174,183,218)
```
#bbc3e0
```
#bbc3e0 rgb(187,195,224)
```
#c9cfe6
```
#c9cfe6 rgb(201,207,230)
```
#d6daec
```
#d6daec rgb(214,218,236)
```
#e3e6f2
```
#e3e6f2 rgb(227,230,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, #777a87 is the less saturated color, while #0234fc is the most saturated one.

#777a87
```
#777a87 rgb(119,122,135)
```
#6d7491
```
#6d7491 rgb(109,116,145)
```
#646f9a
```
#646f9a rgb(100,111,154)
```
#5a69a4
```
#5a69a4 rgb(90,105,164)
```
#5063ae
```
#5063ae rgb(80,99,174)
```
#465db8
```
#465db8 rgb(70,93,184)
```
#3c57c2
```
#3c57c2 rgb(60,87,194)
```
#3352cb
```
#3352cb rgb(51,82,203)
```
#294cd5
```
#294cd5 rgb(41,76,213)
```
#1f46df
```
#1f46df rgb(31,70,223)
```
#1540e9
```
#1540e9 rgb(21,64,233)
```
#0c3af2
```
#0c3af2 rgb(12,58,242)
```
#0234fc
```
#0234fc rgb(2,52,252)
```

Tone Color Variation

Below, you can see how #5063ae 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

#666666 Achromatopsia 0.005% of the population
#626574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e6db3 Protanopia 1% of men
#3f70b0 Deuteranopia 1% of men
#42767f Tritanopia 0.001% of the population

Trichromacy

#4e69b1 Protanomaly 1% of men, 0.01% of women
#456baf Deuteranomaly 6% of men, 0.4% of women
#476f90 Tritanomaly 0.01% of the population

#5063ae hex color

#5063ae Color Information

#5063ae Color Conversion

Color Schemes with #5063ae

Alternatives to #5063ae

#5063ae Preview

Shades and Tints of #5063ae

Tones of #5063ae

Color Blindness Simulator