#5063cd hex color

In a RGB color space, hex #5063cd is composed of 31.4% red, 38.8% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 51.7% magenta, 0% yellow and 19.6% black. It has a hue angle of 230.9 degrees, a saturation of 55.6% and a lightness of 55.9%. #5063cd color hex could be obtained by blending #a0c6ff with #00009b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 39
- B 80
RGB color chart
- C 61
- M 52
- Y 0
- K 20
CMYK color chart

● #5063cd color description : Moderate blue.

The hexadecimal color #5063cd has RGB values of R:80, G:99, B:205 and CMYK values of C:0.61, M:0.52, Y:0, K:0.2. Its decimal value is 5268429.

Hex triplet	5063cd	`#5063cd`
RGB Decimal	80, 99, 205	`rgb(80,99,205)`
RGB Percent	31.4, 38.8, 80.4	`rgb(31.4%,38.8%,80.4%)`
CMYK	61, 52, 0, 20
HSL	230.9°, 55.6, 55.9	`hsl(230.9,55.6%,55.9%)`
HSV (or HSB)	230.9°, 61, 80.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.683, 25.382, -57.313
XYZ	18.787, 15.036, 59.666
xyY	0.201, 0.161, 15.036
CIE-LCH	45.683, 62.682, 293.886
CIE-LUV	45.683, -12.067, -88.292
Hunter-Lab	38.776, 18.626, -64.088
Binary	01010000, 01100011, 11001101

#5063cd
```
#5063cd rgb(80,99,205)
```
#cdba50
```
#cdba50 rgb(205,186,80)
```

Complementary Color

#50a2cd
```
#50a2cd rgb(80,162,205)
```
#5063cd
```
#5063cd rgb(80,99,205)
```
#7c50cd
```
#7c50cd rgb(124,80,205)
```

Analogous Color

#a2cd50
```
#a2cd50 rgb(162,205,80)
```
#5063cd
```
#5063cd rgb(80,99,205)
```
#cd7c50
```
#cd7c50 rgb(205,124,80)
```

Split Complementary Color

#63cd50
```
#63cd50 rgb(99,205,80)
```
#5063cd
```
#5063cd rgb(80,99,205)
```
#cd5063
```
#cd5063 rgb(205,80,99)
```

Triadic Color

#50cdba
```
#50cdba rgb(80,205,186)
```
#5063cd
```
#5063cd rgb(80,99,205)
```
#cd5063
```
#cd5063 rgb(205,80,99)
```
#cdba50
```
#cdba50 rgb(205,186,80)
```

Tetradic Color

#2e40a2
```
#2e40a2 rgb(46,64,162)
```
#3448b6
```
#3448b6 rgb(52,72,182)
```
#3c51c7
```
#3c51c7 rgb(60,81,199)
```
#5063cd
```
#5063cd rgb(80,99,205)
```
#6475d3
```
#6475d3 rgb(100,117,211)
```
#7886d8
```
#7886d8 rgb(120,134,216)
```
#8c98de
```
#8c98de rgb(140,152,222)
```

Monochromatic Color

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

#5082cd
```
#5082cd rgb(80,130,205)
```
#5078cd
```
#5078cd rgb(80,120,205)
```
#506dcd
```
#506dcd rgb(80,109,205)
```
#5063cd
```
#5063cd rgb(80,99,205)
```
#5059cd
```
#5059cd rgb(80,89,205)
```
#5250cd
```
#5250cd rgb(82,80,205)
```
#5c50cd
```
#5c50cd rgb(92,80,205)
```

Similar Colors

Text with hexadecimal color #5063cd

This text has a font color of #5063cd.

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

#5063cd background color

This paragraph has a background color of #5063cd.

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

#5063cd border color

This element has a border color of #5063cd.

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

CSS codes

.text {color:#5063cd;}

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

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

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, #020308 is the darkest color, while #f8f9fd is the lightest one.

#020308
```
#020308 rgb(2,3,8)
```
#070917
```
#070917 rgb(7,9,23)
```
#0b0f27
```
#0b0f27 rgb(11,15,39)
```
#0f1536
```
#0f1536 rgb(15,21,54)
```
#141b45
```
#141b45 rgb(20,27,69)
```
#182154
```
#182154 rgb(24,33,84)
```
#1c2764
```
#1c2764 rgb(28,39,100)
```
#212d73
```
#212d73 rgb(33,45,115)
```
#253382
```
#253382 rgb(37,51,130)
```
#2a3991
```
#2a3991 rgb(42,57,145)
```
#2e3fa1
```
#2e3fa1 rgb(46,63,161)
```
#3245b0
```
#3245b0 rgb(50,69,176)
```
#374bbf
```
#374bbf rgb(55,75,191)
```

Shade Color Variation

#4155c9
```
#4155c9 rgb(65,85,201)
```
#5063cd
```
#5063cd rgb(80,99,205)
```
#5f71d1
```
#5f71d1 rgb(95,113,209)
```
#6f7ed6
```
#6f7ed6 rgb(111,126,214)
```
#7e8cda
```
#7e8cda rgb(126,140,218)
```
#8d99de
```
#8d99de rgb(141,153,222)
```
#9ca7e3
```
#9ca7e3 rgb(156,167,227)
```
#acb5e7
```
#acb5e7 rgb(172,181,231)
```
#bbc2ec
```
#bbc2ec rgb(187,194,236)
```
#cad0f0
```
#cad0f0 rgb(202,208,240)
```
#d9ddf4
```
#d9ddf4 rgb(217,221,244)
```
#e9ebf9
```
#e9ebf9 rgb(233,235,249)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8d90 is the less saturated color, while #2545f8 is the most saturated one.

#8d8d90
```
#8d8d90 rgb(141,141,144)
```
#848799
```
#848799 rgb(132,135,153)
```
#7b81a2
```
#7b81a2 rgb(123,129,162)
```
#737baa
```
#737baa rgb(115,123,170)
```
#6a75b3
```
#6a75b3 rgb(106,117,179)
```
#616fbc
```
#616fbc rgb(97,111,188)
```
#5969c4
```
#5969c4 rgb(89,105,196)
```
#5063cd
```
#5063cd rgb(80,99,205)
```
#475dd6
```
#475dd6 rgb(71,93,214)
```
#3f57de
```
#3f57de rgb(63,87,222)
```
#3651e7
```
#3651e7 rgb(54,81,231)
```
#2d4bf0
```
#2d4bf0 rgb(45,75,240)
```
#2545f8
```
#2545f8 rgb(37,69,248)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#64687d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e70d4 Protanopia 1% of men
#0075c3 Deuteranopia 1% of men
#277e87 Tritanopia 0.001% of the population

Trichromacy

#3a6bd1 Protanomaly 1% of men, 0.01% of women
#1d6fc6 Deuteranomaly 6% of men, 0.4% of women
#3674a0 Tritanomaly 0.01% of the population

#5063cd hex color

#5063cd Color Information

#5063cd Color Conversion

Color Schemes with #5063cd

Alternatives to #5063cd

#5063cd Preview

Shades and Tints of #5063cd

Tones of #5063cd

Color Blindness Simulator