#0563a4 hex color

In a RGB color space, hex #0563a4 is composed of 2% red, 38.8% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 97% cyan, 39.6% magenta, 0% yellow and 35.7% black. It has a hue angle of 204.5 degrees, a saturation of 94.1% and a lightness of 33.1%. #0563a4 color hex could be obtained by blending #0ac6ff with #000049. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 39
- B 64
RGB color chart
- C 97
- M 40
- Y 0
- K 36
CMYK color chart

● #0563a4 color description : Dark blue.

The hexadecimal color #0563a4 has RGB values of R:5, G:99, B:164 and CMYK values of C:0.97, M:0.4, Y:0, K:0.36. Its decimal value is 353188.

Hex triplet	0563a4	`#0563a4`
RGB Decimal	5, 99, 164	`rgb(5,99,164)`
RGB Percent	2, 38.8, 64.3	`rgb(2%,38.8%,64.3%)`
CMYK	97, 40, 0, 36
HSL	204.5°, 94.1, 33.1	`hsl(204.5,94.1%,33.1%)`
HSV (or HSB)	204.5°, 97, 64.3
Web Safe	006699	`#006699`

CIE-LAB	40.63, 1.206, -41.642
XYZ	11.224, 11.635, 36.774
xyY	0.188, 0.195, 11.635
CIE-LCH	40.63, 41.66, 271.659
CIE-LUV	40.63, -24.406, -60.558
Hunter-Lab	34.11, -0.96, -40.043
Binary	00000101, 01100011, 10100100

#0563a4
```
#0563a4 rgb(5,99,164)
```
#a44605
```
#a44605 rgb(164,70,5)
```

Complementary Color

#05a496
```
#05a496 rgb(5,164,150)
```
#0563a4
```
#0563a4 rgb(5,99,164)
```
#0514a4
```
#0514a4 rgb(5,20,164)
```

Analogous Color

#a49605
```
#a49605 rgb(164,150,5)
```
#0563a4
```
#0563a4 rgb(5,99,164)
```
#a40514
```
#a40514 rgb(164,5,20)
```

Split Complementary Color

#63a405
```
#63a405 rgb(99,164,5)
```
#0563a4
```
#0563a4 rgb(5,99,164)
```
#a40563
```
#a40563 rgb(164,5,99)
```

Triadic Color

#05a446
```
#05a446 rgb(5,164,70)
```
#0563a4
```
#0563a4 rgb(5,99,164)
```
#a40563
```
#a40563 rgb(164,5,99)
```
#a44605
```
#a44605 rgb(164,70,5)
```

Tetradic Color

#03365a
```
#03365a rgb(3,54,90)
```
#034573
```
#034573 rgb(3,69,115)
```
#04548b
```
#04548b rgb(4,84,139)
```
#0563a4
```
#0563a4 rgb(5,99,164)
```
#0672bd
```
#0672bd rgb(6,114,189)
```
#0781d5
```
#0781d5 rgb(7,129,213)
```
#0790ee
```
#0790ee rgb(7,144,238)
```

Monochromatic Color

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

#058ba4
```
#058ba4 rgb(5,139,164)
```
#057ea4
```
#057ea4 rgb(5,126,164)
```
#0570a4
```
#0570a4 rgb(5,112,164)
```
#0563a4
```
#0563a4 rgb(5,99,164)
```
#0556a4
```
#0556a4 rgb(5,86,164)
```
#0549a4
```
#0549a4 rgb(5,73,164)
```
#053ba4
```
#053ba4 rgb(5,59,164)
```

Similar Colors

Text with hexadecimal color #0563a4

This text has a font color of #0563a4.

<span style="color:#0563a4;">Text here</span>

#0563a4 background color

This paragraph has a background color of #0563a4.

<p style="background-color:#0563a4;">Content here</p>

#0563a4 border color

This element has a border color of #0563a4.

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

CSS codes

.text {color:#0563a4;}

.background {background-color:#0563a4;}

.border {border:1px solid #0563a4;}

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

#00070c
```
#00070c rgb(0,7,12)
```
#01131f
```
#01131f rgb(1,19,31)
```
#021e32
```
#021e32 rgb(2,30,50)
```
#022a45
```
#022a45 rgb(2,42,69)
```
#033558
```
#033558 rgb(3,53,88)
```
#03416b
```
#03416b rgb(3,65,107)
```
#044c7e
```
#044c7e rgb(4,76,126)
```
#045891
```
#045891 rgb(4,88,145)
```
#0563a4
```
#0563a4 rgb(5,99,164)
```
#066eb7
```
#066eb7 rgb(6,110,183)
```
#067aca
```
#067aca rgb(6,122,202)
```
#0785dd
```
#0785dd rgb(7,133,221)
```
#0791f0
```
#0791f0 rgb(7,145,240)
```

Shade Color Variation

#139af8
```
#139af8 rgb(19,154,248)
```
#26a3f8
```
#26a3f8 rgb(38,163,248)
```
#39abf9
```
#39abf9 rgb(57,171,249)
```
#4cb3fa
```
#4cb3fa rgb(76,179,250)
```
#5fbbfa
```
#5fbbfa rgb(95,187,250)
```
#72c3fb
```
#72c3fb rgb(114,195,251)
```
#85cbfb
```
#85cbfb rgb(133,203,251)
```
#99d3fc
```
#99d3fc rgb(153,211,252)
```
#acdbfc
```
#acdbfc rgb(172,219,252)
```
#bfe4fd
```
#bfe4fd rgb(191,228,253)
```
#d2ecfe
```
#d2ecfe rgb(210,236,254)
```
#e5f4fe
```
#e5f4fe rgb(229,244,254)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#535556
```
#535556 rgb(83,85,86)
```
#4d565d
```
#4d565d rgb(77,86,93)
```
#465763
```
#465763 rgb(70,87,99)
```
#40586a
```
#40586a rgb(64,88,106)
```
#395a70
```
#395a70 rgb(57,90,112)
```
#335b77
```
#335b77 rgb(51,91,119)
```
#2c5c7d
```
#2c5c7d rgb(44,92,125)
```
#265d84
```
#265d84 rgb(38,93,132)
```
#1f5e8a
```
#1f5e8a rgb(31,94,138)
```
#195f91
```
#195f91 rgb(25,95,145)
```
#126197
```
#126197 rgb(18,97,151)
```
#0c629e
```
#0c629e rgb(12,98,158)
```
#0563a4
```
#0563a4 rgb(5,99,164)
```

Tone Color Variation

Below, you can see how #0563a4 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

#4e4e4e Achromatopsia 0.005% of the population
#3f525f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c66a4 Protanopia 1% of men
#3069a9 Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#3264a4 Protanomaly 1% of men, 0.01% of women
#2066a7 Deuteranomaly 6% of men, 0.4% of women
#016c88 Tritanomaly 0.01% of the population

#0563a4 hex color

#0563a4 Color Information

#0563a4 Color Conversion

Color Schemes with #0563a4

Alternatives to #0563a4

#0563a4 Preview

Shades and Tints of #0563a4

Tones of #0563a4

Color Blindness Simulator