#5063ad hex color

In a RGB color space, hex #5063ad is composed of 31.4% red, 38.8% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 42.8% magenta, 0% yellow and 32.2% black. It has a hue angle of 227.7 degrees, a saturation of 36.8% and a lightness of 49.6%. #5063ad color hex could be obtained by blending #a0c6ff with #00005b. 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

● #5063ad color description : Dark moderate blue.

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

Hex triplet	5063ad	`#5063ad`
RGB Decimal	80, 99, 173	`rgb(80,99,173)`
RGB Percent	31.4, 38.8, 67.8	`rgb(31.4%,38.8%,67.8%)`
CMYK	54, 43, 0, 32
HSL	227.7°, 36.8, 49.6	`hsl(227.7,36.8%,49.6%)`
HSV (or HSB)	227.7°, 53.8, 67.8
Web Safe	666699	`#666699`

CIE-LAB	43.72, 14.643, -41.879
XYZ	15.311, 13.646, 41.36
xyY	0.218, 0.194, 13.646
CIE-LCH	43.72, 44.365, 289.272
CIE-LUV	43.72, -11.276, -63.32
Hunter-Lab	36.94, 9.342, -40.526
Binary	01010000, 01100011, 10101101

#5063ad
```
#5063ad rgb(80,99,173)
```
#ad9a50
```
#ad9a50 rgb(173,154,80)
```

Complementary Color

#5092ad
```
#5092ad rgb(80,146,173)
```
#5063ad
```
#5063ad rgb(80,99,173)
```
#6c50ad
```
#6c50ad rgb(108,80,173)
```

Analogous Color

#92ad50
```
#92ad50 rgb(146,173,80)
```
#5063ad
```
#5063ad rgb(80,99,173)
```
#ad6c50
```
#ad6c50 rgb(173,108,80)
```

Split Complementary Color

#63ad50
```
#63ad50 rgb(99,173,80)
```
#5063ad
```
#5063ad rgb(80,99,173)
```
#ad5063
```
#ad5063 rgb(173,80,99)
```

Triadic Color

#50ad9a
```
#50ad9a rgb(80,173,154)
```
#5063ad
```
#5063ad rgb(80,99,173)
```
#ad5063
```
#ad5063 rgb(173,80,99)
```
#ad9a50
```
#ad9a50 rgb(173,154,80)
```

Tetradic Color

#384579
```
#384579 rgb(56,69,121)
```
#404f8a
```
#404f8a rgb(64,79,138)
```
#48599c
```
#48599c rgb(72,89,156)
```
#5063ad
```
#5063ad rgb(80,99,173)
```
#6172b6
```
#6172b6 rgb(97,114,182)
```
#7282be
```
#7282be rgb(114,130,190)
```
#8491c6
```
#8491c6 rgb(132,145,198)
```

Monochromatic Color

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

#507aad
```
#507aad rgb(80,122,173)
```
#5073ad
```
#5073ad rgb(80,115,173)
```
#506bad
```
#506bad rgb(80,107,173)
```
#5063ad
```
#5063ad rgb(80,99,173)
```
#505bad
```
#505bad rgb(80,91,173)
```
#5054ad
```
#5054ad rgb(80,84,173)
```
#5450ad
```
#5450ad rgb(84,80,173)
```

Similar Colors

Text with hexadecimal color #5063ad

This text has a font color of #5063ad.

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

#5063ad background color

This paragraph has a background color of #5063ad.

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

#5063ad border color

This element has a border color of #5063ad.

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

CSS codes

.text {color:#5063ad;}

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

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

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

#06070c
```
#06070c rgb(6,7,12)
```
#0c0f19
```
#0c0f19 rgb(12,15,25)
```
#121627
```
#121627 rgb(18,22,39)
```
#181e34
```
#181e34 rgb(24,30,52)
```
#1e2642
```
#1e2642 rgb(30,38,66)
```
#252d4f
```
#252d4f rgb(37,45,79)
```
#2b355d
```
#2b355d rgb(43,53,93)
```
#313d6a
```
#313d6a rgb(49,61,106)
```
#374477
```
#374477 rgb(55,68,119)
```
#3d4c85
```
#3d4c85 rgb(61,76,133)
```
#445492
```
#445492 rgb(68,84,146)
```
#4a5ba0
```
#4a5ba0 rgb(74,91,160)
```
#5063ad
```
#5063ad rgb(80,99,173)
```

Shade Color Variation

#5d6fb4
```
#5d6fb4 rgb(93,111,180)
```
#6a7aba
```
#6a7aba rgb(106,122,186)
```
#7886c0
```
#7886c0 rgb(120,134,192)
```
#8592c7
```
#8592c7 rgb(133,146,199)
```
#929ecd
```
#929ecd rgb(146,158,205)
```
#a0aad3
```
#a0aad3 rgb(160,170,211)
```
#adb6d9
```
#adb6d9 rgb(173,182,217)
```
#bbc2df
```
#bbc2df rgb(187,194,223)
```
#c8cee6
```
#c8cee6 rgb(200,206,230)
```
#d5daec
```
#d5daec rgb(213,218,236)
```
#e3e6f2
```
#e3e6f2 rgb(227,230,242)
```
#f0f2f8
```
#f0f2f8 rgb(240,242,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#777a86
```
#777a86 rgb(119,122,134)
```
#6d7490
```
#6d7490 rgb(109,116,144)
```
#636f9a
```
#636f9a rgb(99,111,154)
```
#5a69a3
```
#5a69a3 rgb(90,105,163)
```
#5063ad
```
#5063ad rgb(80,99,173)
```
#465db7
```
#465db7 rgb(70,93,183)
```
#3d57c0
```
#3d57c0 rgb(61,87,192)
```
#3352ca
```
#3352ca rgb(51,82,202)
```
#294cd4
```
#294cd4 rgb(41,76,212)
```
#1f46de
```
#1f46de rgb(31,70,222)
```
#1640e7
```
#1640e7 rgb(22,64,231)
```
#0c3bf1
```
#0c3bf1 rgb(12,59,241)
```
#0235fb
```
#0235fb rgb(2,53,251)
```

Tone Color Variation

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

#4e6cb2 Protanopia 1% of men
#416faf Deuteranopia 1% of men
#42767f Tritanopia 0.001% of the population

Trichromacy

#4f69b0 Protanomaly 1% of men, 0.01% of women
#466bae Deuteranomaly 6% of men, 0.4% of women
#476f90 Tritanomaly 0.01% of the population

#5063ad hex color

#5063ad Color Information

#5063ad Color Conversion

Color Schemes with #5063ad

Alternatives to #5063ad

#5063ad Preview

Shades and Tints of #5063ad

Tones of #5063ad

Color Blindness Simulator