#5063ca hex color

In a RGB color space, hex #5063ca is composed of 31.4% red, 38.8% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 51% magenta, 0% yellow and 20.8% black. It has a hue angle of 230.7 degrees, a saturation of 53.5% and a lightness of 55.3%. #5063ca color hex could be obtained by blending #a0c6ff with #000095. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 39
- B 79
RGB color chart
- C 60
- M 51
- Y 0
- K 21
CMYK color chart

● #5063ca color description : Moderate blue.

The hexadecimal color #5063ca has RGB values of R:80, G:99, B:202 and CMYK values of C:0.6, M:0.51, Y:0, K:0.21. Its decimal value is 5268426.

Hex triplet	5063ca	`#5063ca`
RGB Decimal	80, 99, 202	`rgb(80,99,202)`
RGB Percent	31.4, 38.8, 79.2	`rgb(31.4%,38.8%,79.2%)`
CMYK	60, 51, 0, 21
HSL	230.7°, 53.5, 55.3	`hsl(230.7,53.5%,55.3%)`
HSV (or HSB)	230.7°, 60.4, 79.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.487, 24.364, -55.907
XYZ	18.429, 14.892, 57.777
xyY	0.202, 0.163, 14.892
CIE-LCH	45.487, 60.985, 293.548
CIE-LUV	45.487, -11.991, -86.027
Hunter-Lab	38.591, 17.707, -61.754
Binary	01010000, 01100011, 11001010

#5063ca
```
#5063ca rgb(80,99,202)
```
#cab750
```
#cab750 rgb(202,183,80)
```

Complementary Color

#50a0ca
```
#50a0ca rgb(80,160,202)
```
#5063ca
```
#5063ca rgb(80,99,202)
```
#7a50ca
```
#7a50ca rgb(122,80,202)
```

Analogous Color

#a0ca50
```
#a0ca50 rgb(160,202,80)
```
#5063ca
```
#5063ca rgb(80,99,202)
```
#ca7a50
```
#ca7a50 rgb(202,122,80)
```

Split Complementary Color

#63ca50
```
#63ca50 rgb(99,202,80)
```
#5063ca
```
#5063ca rgb(80,99,202)
```
#ca5063
```
#ca5063 rgb(202,80,99)
```

Triadic Color

#50cab7
```
#50cab7 rgb(80,202,183)
```
#5063ca
```
#5063ca rgb(80,99,202)
```
#ca5063
```
#ca5063 rgb(202,80,99)
```
#cab750
```
#cab750 rgb(202,183,80)
```

Tetradic Color

#30419e
```
#30419e rgb(48,65,158)
```
#3649b1
```
#3649b1 rgb(54,73,177)
```
#3c52c4
```
#3c52c4 rgb(60,82,196)
```
#5063ca
```
#5063ca rgb(80,99,202)
```
#6474d0
```
#6474d0 rgb(100,116,208)
```
#7786d6
```
#7786d6 rgb(119,134,214)
```
#8b97dc
```
#8b97dc rgb(139,151,220)
```

Monochromatic Color

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

#5082ca
```
#5082ca rgb(80,130,202)
```
#5077ca
```
#5077ca rgb(80,119,202)
```
#506dca
```
#506dca rgb(80,109,202)
```
#5063ca
```
#5063ca rgb(80,99,202)
```
#5059ca
```
#5059ca rgb(80,89,202)
```
#5150ca
```
#5150ca rgb(81,80,202)
```
#5c50ca
```
#5c50ca rgb(92,80,202)
```

Similar Colors

Text with hexadecimal color #5063ca

This text has a font color of #5063ca.

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

#5063ca background color

This paragraph has a background color of #5063ca.

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

#5063ca border color

This element has a border color of #5063ca.

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

CSS codes

.text {color:#5063ca;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#060915
```
#060915 rgb(6,9,21)
```
#0b0f24
```
#0b0f24 rgb(11,15,36)
```
#0f1533
```
#0f1533 rgb(15,21,51)
```
#141b42
```
#141b42 rgb(20,27,66)
```
#192151
```
#192151 rgb(25,33,81)
```
#1d2760
```
#1d2760 rgb(29,39,96)
```
#222e6f
```
#222e6f rgb(34,46,111)
```
#26347e
```
#26347e rgb(38,52,126)
```
#2b3a8d
```
#2b3a8d rgb(43,58,141)
```
#2f409c
```
#2f409c rgb(47,64,156)
```
#3446ab
```
#3446ab rgb(52,70,171)
```
#384dba
```
#384dba rgb(56,77,186)
```

Shade Color Variation

#4156c5
```
#4156c5 rgb(65,86,197)
```
#5063ca
```
#5063ca rgb(80,99,202)
```
#5f70cf
```
#5f70cf rgb(95,112,207)
```
#6e7ed3
```
#6e7ed3 rgb(110,126,211)
```
#7d8bd8
```
#7d8bd8 rgb(125,139,216)
```
#8c99dc
```
#8c99dc rgb(140,153,220)
```
#9ba6e1
```
#9ba6e1 rgb(155,166,225)
```
#aab4e5
```
#aab4e5 rgb(170,180,229)
```
#b9c1ea
```
#b9c1ea rgb(185,193,234)
```
#c8ceee
```
#c8ceee rgb(200,206,238)
```
#d8dcf3
```
#d8dcf3 rgb(216,220,243)
```
#e7e9f8
```
#e7e9f8 rgb(231,233,248)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#858795
```
#858795 rgb(133,135,149)
```
#7c819e
```
#7c819e rgb(124,129,158)
```
#737ba7
```
#737ba7 rgb(115,123,167)
```
#6a75b0
```
#6a75b0 rgb(106,117,176)
```
#626fb8
```
#626fb8 rgb(98,111,184)
```
#5969c1
```
#5969c1 rgb(89,105,193)
```
#5063ca
```
#5063ca rgb(80,99,202)
```
#475dd3
```
#475dd3 rgb(71,93,211)
```
#3e57dc
```
#3e57dc rgb(62,87,220)
```
#3651e4
```
#3651e4 rgb(54,81,228)
```
#2d4bed
```
#2d4bed rgb(45,75,237)
```
#2445f6
```
#2445f6 rgb(36,69,246)
```
#1b3fff
```
#1b3fff rgb(27,63,255)
```

Tone Color Variation

Below, you can see how #5063ca 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
#64687c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3370d1 Protanopia 1% of men
#0075c2 Deuteranopia 1% of men
#2b7d86 Tritanopia 0.001% of the population

Trichromacy

#3d6bce Protanomaly 1% of men, 0.01% of women
#1d6ec5 Deuteranomaly 6% of men, 0.4% of women
#38739f Tritanomaly 0.01% of the population

#5063ca hex color

#5063ca Color Information

#5063ca Color Conversion

Color Schemes with #5063ca

Alternatives to #5063ca

#5063ca Preview

Shades and Tints of #5063ca

Tones of #5063ca

Color Blindness Simulator