#1563c0 hex color

In a RGB color space, hex #1563c0 is composed of 8.2% red, 38.8% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 89.1% cyan, 48.4% magenta, 0% yellow and 24.7% black. It has a hue angle of 212.6 degrees, a saturation of 80.3% and a lightness of 41.8%. #1563c0 color hex could be obtained by blending #2ac6ff with #000081. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 39
- B 75
RGB color chart
- C 89
- M 48
- Y 0
- K 25
CMYK color chart

● #1563c0 color description : Strong blue.

The hexadecimal color #1563c0 has RGB values of R:21, G:99, B:192 and CMYK values of C:0.89, M:0.48, Y:0, K:0.25. Its decimal value is 1401792.

Hex triplet	1563c0	`#1563c0`
RGB Decimal	21, 99, 192	`rgb(21,99,192)`
RGB Percent	8.2, 38.8, 75.3	`rgb(8.2%,38.8%,75.3%)`
CMYK	89, 48, 0, 25
HSL	212.6°, 80.3, 41.8	`hsl(212.6,80.3%,41.8%)`
HSV (or HSB)	212.6°, 89.1, 75.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.593, 13.27, -54.907
XYZ	14.283, 12.888, 51.601
xyY	0.181, 0.164, 12.888
CIE-LCH	42.593, 56.488, 283.587
CIE-LUV	42.593, -22.252, -82.105
Hunter-Lab	35.899, 8.196, -60.093
Binary	00010101, 01100011, 11000000

#1563c0
```
#1563c0 rgb(21,99,192)
```
#c07215
```
#c07215 rgb(192,114,21)
```

Complementary Color

#15b9c0
```
#15b9c0 rgb(21,185,192)
```
#1563c0
```
#1563c0 rgb(21,99,192)
```
#1d15c0
```
#1d15c0 rgb(29,21,192)
```

Analogous Color

#b9c015
```
#b9c015 rgb(185,192,21)
```
#1563c0
```
#1563c0 rgb(21,99,192)
```
#c01d15
```
#c01d15 rgb(192,29,21)
```

Split Complementary Color

#63c015
```
#63c015 rgb(99,192,21)
```
#1563c0
```
#1563c0 rgb(21,99,192)
```
#c01563
```
#c01563 rgb(192,21,99)
```

Triadic Color

#15c072
```
#15c072 rgb(21,192,114)
```
#1563c0
```
#1563c0 rgb(21,99,192)
```
#c01563
```
#c01563 rgb(192,21,99)
```
#c07215
```
#c07215 rgb(192,114,21)
```

Tetradic Color

#0d3f7b
```
#0d3f7b rgb(13,63,123)
```
#104b92
```
#104b92 rgb(16,75,146)
```
#1257a9
```
#1257a9 rgb(18,87,169)
```
#1563c0
```
#1563c0 rgb(21,99,192)
```
#186fd7
```
#186fd7 rgb(24,111,215)
```
#217be7
```
#217be7 rgb(33,123,231)
```
#3889e9
```
#3889e9 rgb(56,137,233)
```

Monochromatic Color

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

#158ec0
```
#158ec0 rgb(21,142,192)
```
#1580c0
```
#1580c0 rgb(21,128,192)
```
#1571c0
```
#1571c0 rgb(21,113,192)
```
#1563c0
```
#1563c0 rgb(21,99,192)
```
#1555c0
```
#1555c0 rgb(21,85,192)
```
#1547c0
```
#1547c0 rgb(21,71,192)
```
#1538c0
```
#1538c0 rgb(21,56,192)
```

Similar Colors

Text with hexadecimal color #1563c0

This text has a font color of #1563c0.

<span style="color:#1563c0;">Text here</span>

#1563c0 background color

This paragraph has a background color of #1563c0.

<p style="background-color:#1563c0;">Content here</p>

#1563c0 border color

This element has a border color of #1563c0.

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

CSS codes

.text {color:#1563c0;}

.background {background-color:#1563c0;}

.border {border:1px solid #1563c0;}

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, #02080f is the darkest color, while #fdfeff is the lightest one.

#02080f
```
#02080f rgb(2,8,15)
```
#041121
```
#041121 rgb(4,17,33)
```
#061a33
```
#061a33 rgb(6,26,51)
```
#072344
```
#072344 rgb(7,35,68)
```
#092c56
```
#092c56 rgb(9,44,86)
```
#0b3568
```
#0b3568 rgb(11,53,104)
```
#0d3f79
```
#0d3f79 rgb(13,63,121)
```
#0f488b
```
#0f488b rgb(15,72,139)
```
#11519d
```
#11519d rgb(17,81,157)
```
#135aae
```
#135aae rgb(19,90,174)
```
#1563c0
```
#1563c0 rgb(21,99,192)
```
#176cd2
```
#176cd2 rgb(23,108,210)
```
#1975e3
```
#1975e3 rgb(25,117,227)
```

Shade Color Variation

#2880e8
```
#2880e8 rgb(40,128,232)
```
#3a8ae9
```
#3a8ae9 rgb(58,138,233)
```
#4c95eb
```
#4c95eb rgb(76,149,235)
```
#5d9fed
```
#5d9fed rgb(93,159,237)
```
#6faaef
```
#6faaef rgb(111,170,239)
```
#81b4f1
```
#81b4f1 rgb(129,180,241)
```
#92bff3
```
#92bff3 rgb(146,191,243)
```
#a4c9f5
```
#a4c9f5 rgb(164,201,245)
```
#b6d4f7
```
#b6d4f7 rgb(182,212,247)
```
#c7def9
```
#c7def9 rgb(199,222,249)
```
#d9e9fb
```
#d9e9fb rgb(217,233,251)
```
#ebf3fd
```
#ebf3fd rgb(235,243,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676a6e is the less saturated color, while #0562d0 is the most saturated one.

#676a6e
```
#676a6e rgb(103,106,110)
```
#5f6976
```
#5f6976 rgb(95,105,118)
```
#57697e
```
#57697e rgb(87,105,126)
```
#4e6887
```
#4e6887 rgb(78,104,135)
```
#46678f
```
#46678f rgb(70,103,143)
```
#3e6797
```
#3e6797 rgb(62,103,151)
```
#36669f
```
#36669f rgb(54,102,159)
```
#2e65a7
```
#2e65a7 rgb(46,101,167)
```
#2564b0
```
#2564b0 rgb(37,100,176)
```
#1d64b8
```
#1d64b8 rgb(29,100,184)
```
#1563c0
```
#1563c0 rgb(21,99,192)
```
#0d62c8
```
#0d62c8 rgb(13,98,200)
```
#0562d0
```
#0562d0 rgb(5,98,208)
```

Tone Color Variation

Below, you can see how #1563c0 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

#565656 Achromatopsia 0.005% of the population
#49596b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3569c1 Protanopia 1% of men
#006eb6 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#2967c1 Protanomaly 1% of men, 0.01% of women
#076ab9 Deuteranomaly 6% of men, 0.4% of women
#076f96 Tritanomaly 0.01% of the population

#1563c0 hex color

#1563c0 Color Information

#1563c0 Color Conversion

Color Schemes with #1563c0

Alternatives to #1563c0

#1563c0 Preview

Shades and Tints of #1563c0

Tones of #1563c0

Color Blindness Simulator