#063ca2 hex color

In a RGB color space, hex #063ca2 is composed of 2.4% red, 23.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 63% magenta, 0% yellow and 36.5% black. It has a hue angle of 219.2 degrees, a saturation of 92.9% and a lightness of 32.9%. #063ca2 color hex could be obtained by blending #0c78ff with #000045. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 24
- B 64
RGB color chart
- C 96
- M 63
- Y 0
- K 36
CMYK color chart

● #063ca2 color description : Dark blue.

The hexadecimal color #063ca2 has RGB values of R:6, G:60, B:162 and CMYK values of C:0.96, M:0.63, Y:0, K:0.36. Its decimal value is 408738.

Hex triplet	063ca2	`#063ca2`
RGB Decimal	6, 60, 162	`rgb(6,60,162)`
RGB Percent	2.4, 23.5, 63.5	`rgb(2.4%,23.5%,63.5%)`
CMYK	96, 63, 0, 36
HSL	219.2°, 92.9, 32.9	`hsl(219.2,92.9%,32.9%)`
HSV (or HSB)	219.2°, 96.3, 63.5
Web Safe	003399	`#003399`

CIE-LAB	29.104, 26.622, -59.085
XYZ	8.211, 5.878, 34.882
xyY	0.168, 0.12, 5.878
CIE-LCH	29.104, 64.806, 294.255
CIE-LUV	29.104, -13.038, -77.625
Hunter-Lab	24.245, 18.023, -68.33
Binary	00000110, 00111100, 10100010

#063ca2
```
#063ca2 rgb(6,60,162)
```
#a26c06
```
#a26c06 rgb(162,108,6)
```

Complementary Color

#068aa2
```
#068aa2 rgb(6,138,162)
```
#063ca2
```
#063ca2 rgb(6,60,162)
```
#1e06a2
```
#1e06a2 rgb(30,6,162)
```

Analogous Color

#8aa206
```
#8aa206 rgb(138,162,6)
```
#063ca2
```
#063ca2 rgb(6,60,162)
```
#a21e06
```
#a21e06 rgb(162,30,6)
```

Split Complementary Color

#3ca206
```
#3ca206 rgb(60,162,6)
```
#063ca2
```
#063ca2 rgb(6,60,162)
```
#a2063c
```
#a2063c rgb(162,6,60)
```

Triadic Color

#06a26c
```
#06a26c rgb(6,162,108)
```
#063ca2
```
#063ca2 rgb(6,60,162)
```
#a2063c
```
#a2063c rgb(162,6,60)
```
#a26c06
```
#a26c06 rgb(162,108,6)
```

Tetradic Color

#032158
```
#032158 rgb(3,33,88)
```
#042a71
```
#042a71 rgb(4,42,113)
```
#053389
```
#053389 rgb(5,51,137)
```
#063ca2
```
#063ca2 rgb(6,60,162)
```
#0745bb
```
#0745bb rgb(7,69,187)
```
#084ed3
```
#084ed3 rgb(8,78,211)
```
#0957ec
```
#0957ec rgb(9,87,236)
```

Monochromatic Color

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

#0663a2
```
#0663a2 rgb(6,99,162)
```
#0656a2
```
#0656a2 rgb(6,86,162)
```
#0649a2
```
#0649a2 rgb(6,73,162)
```
#063ca2
```
#063ca2 rgb(6,60,162)
```
#062fa2
```
#062fa2 rgb(6,47,162)
```
#0622a2
```
#0622a2 rgb(6,34,162)
```
#0615a2
```
#0615a2 rgb(6,21,162)
```

Similar Colors

Text with hexadecimal color #063ca2

This text has a font color of #063ca2.

<span style="color:#063ca2;">Text here</span>

#063ca2 background color

This paragraph has a background color of #063ca2.

<p style="background-color:#063ca2;">Content here</p>

#063ca2 border color

This element has a border color of #063ca2.

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

CSS codes

.text {color:#063ca2;}

.background {background-color:#063ca2;}

.border {border:1px solid #063ca2;}

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, #00040b is the darkest color, while #f7faff is the lightest one.

#00040b
```
#00040b rgb(0,4,11)
```
#010b1e
```
#010b1e rgb(1,11,30)
```
#021231
```
#021231 rgb(2,18,49)
```
#021943
```
#021943 rgb(2,25,67)
```
#032056
```
#032056 rgb(3,32,86)
```
#042769
```
#042769 rgb(4,39,105)
```
#052e7c
```
#052e7c rgb(5,46,124)
```
#05358f
```
#05358f rgb(5,53,143)
```
#063ca2
```
#063ca2 rgb(6,60,162)
```
#0743b5
```
#0743b5 rgb(7,67,181)
```
#074ac8
```
#074ac8 rgb(7,74,200)
```
#0851db
```
#0851db rgb(8,81,219)
```
#0958ee
```
#0958ee rgb(9,88,238)
```

Shade Color Variation

#1462f6
```
#1462f6 rgb(20,98,246)
```
#276ff7
```
#276ff7 rgb(39,111,247)
```
#3a7bf8
```
#3a7bf8 rgb(58,123,248)
```
#4d88f8
```
#4d88f8 rgb(77,136,248)
```
#5f95f9
```
#5f95f9 rgb(95,149,249)
```
#72a1fa
```
#72a1fa rgb(114,161,250)
```
#85aefa
```
#85aefa rgb(133,174,250)
```
#98bafb
```
#98bafb rgb(152,186,251)
```
#abc7fc
```
#abc7fc rgb(171,199,252)
```
#bed4fd
```
#bed4fd rgb(190,212,253)
```
#d1e0fd
```
#d1e0fd rgb(209,224,253)
```
#e4edfe
```
#e4edfe rgb(228,237,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#545454
```
#545454 rgb(84,84,84)
```
#4d525b
```
#4d525b rgb(77,82,91)
```
#475061
```
#475061 rgb(71,80,97)
```
#404e68
```
#404e68 rgb(64,78,104)
```
#3a4c6e
```
#3a4c6e rgb(58,76,110)
```
#334a75
```
#334a75 rgb(51,74,117)
```
#2d487b
```
#2d487b rgb(45,72,123)
```
#264682
```
#264682 rgb(38,70,130)
```
#204488
```
#204488 rgb(32,68,136)
```
#19428f
```
#19428f rgb(25,66,143)
```
#134095
```
#134095 rgb(19,64,149)
```
#0c3e9c
```
#0c3e9c rgb(12,62,156)
```
#063ca2
```
#063ca2 rgb(6,60,162)
```

Tone Color Variation

Below, you can see how #063ca2 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

#373737 Achromatopsia 0.005% of the population
#2d384c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b94 Protanopia 1% of men
#005081 Deuteranopia 1% of men
#00565a Tritanopia 0.001% of the population

Trichromacy

#024699 Protanomaly 1% of men, 0.01% of women
#02488d Deuteranomaly 6% of men, 0.4% of women
#024c74 Tritanomaly 0.01% of the population

#063ca2 hex color

#063ca2 Color Information

#063ca2 Color Conversion

Color Schemes with #063ca2

Alternatives to #063ca2

#063ca2 Preview

Shades and Tints of #063ca2

Tones of #063ca2

Color Blindness Simulator