#063086 hex color

In a RGB color space, hex #063086 is composed of 2.4% red, 18.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 95.5% cyan, 64.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 220.3 degrees, a saturation of 91.4% and a lightness of 27.5%. #063086 color hex could be obtained by blending #0c60ff with #00000d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 19
- B 53
RGB color chart
- C 96
- M 64
- Y 0
- K 47
CMYK color chart

● #063086 color description : Dark blue.

The hexadecimal color #063086 has RGB values of R:6, G:48, B:134 and CMYK values of C:0.96, M:0.64, Y:0, K:0.47. Its decimal value is 405638.

Hex triplet	063086	`#063086`
RGB Decimal	6, 48, 134	`rgb(6,48,134)`
RGB Percent	2.4, 18.8, 52.5	`rgb(2.4%,18.8%,52.5%)`
CMYK	96, 64, 0, 47
HSL	220.3°, 91.4, 27.5	`hsl(220.3,91.4%,27.5%)`
HSV (or HSB)	220.3°, 95.5, 52.5
Web Safe	003399	`#003399`

CIE-LAB	23.248, 23.447, -51.466
XYZ	5.434, 3.873, 23.014
xyY	0.168, 0.12, 3.873
CIE-LCH	23.248, 56.555, 294.493
CIE-LUV	23.248, -10.241, -62.075
Hunter-Lab	19.681, 14.845, -55.555
Binary	00000110, 00110000, 10000110

#063086
```
#063086 rgb(6,48,134)
```
#865c06
```
#865c06 rgb(134,92,6)
```

Complementary Color

#067086
```
#067086 rgb(6,112,134)
```
#063086
```
#063086 rgb(6,48,134)
```
#1c0686
```
#1c0686 rgb(28,6,134)
```

Analogous Color

#708606
```
#708606 rgb(112,134,6)
```
#063086
```
#063086 rgb(6,48,134)
```
#861c06
```
#861c06 rgb(134,28,6)
```

Split Complementary Color

#308606
```
#308606 rgb(48,134,6)
```
#063086
```
#063086 rgb(6,48,134)
```
#860630
```
#860630 rgb(134,6,48)
```

Triadic Color

#06865c
```
#06865c rgb(6,134,92)
```
#063086
```
#063086 rgb(6,48,134)
```
#860630
```
#860630 rgb(134,6,48)
```
#865c06
```
#865c06 rgb(134,92,6)
```

Tetradic Color

#03163d
```
#03163d rgb(3,22,61)
```
#041f55
```
#041f55 rgb(4,31,85)
```
#05276e
```
#05276e rgb(5,39,110)
```
#063086
```
#063086 rgb(6,48,134)
```
#07399e
```
#07399e rgb(7,57,158)
```
#0841b7
```
#0841b7 rgb(8,65,183)
```
#094acf
```
#094acf rgb(9,74,207)
```

Monochromatic Color

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

#065086
```
#065086 rgb(6,80,134)
```
#064586
```
#064586 rgb(6,69,134)
```
#063b86
```
#063b86 rgb(6,59,134)
```
#063086
```
#063086 rgb(6,48,134)
```
#062586
```
#062586 rgb(6,37,134)
```
#061b86
```
#061b86 rgb(6,27,134)
```
#061086
```
#061086 rgb(6,16,134)
```

Similar Colors

Text with hexadecimal color #063086

This text has a font color of #063086.

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

#063086 background color

This paragraph has a background color of #063086.

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

#063086 border color

This element has a border color of #063086.

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

CSS codes

.text {color:#063086;}

.background {background-color:#063086;}

.border {border:1px solid #063086;}

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

#000103
```
#000103 rgb(0,1,3)
```
#010815
```
#010815 rgb(1,8,21)
```
#020e28
```
#020e28 rgb(2,14,40)
```
#03153b
```
#03153b rgb(3,21,59)
```
#031c4e
```
#031c4e rgb(3,28,78)
```
#042360
```
#042360 rgb(4,35,96)
```
#052973
```
#052973 rgb(5,41,115)
```
#063086
```
#063086 rgb(6,48,134)
```
#073799
```
#073799 rgb(7,55,153)
```
#083dac
```
#083dac rgb(8,61,172)
```
#0944be
```
#0944be rgb(9,68,190)
```
#094bd1
```
#094bd1 rgb(9,75,209)
```
#0a52e4
```
#0a52e4 rgb(10,82,228)
```

Shade Color Variation

#0e59f4
```
#0e59f4 rgb(14,89,244)
```
#2066f5
```
#2066f5 rgb(32,102,245)
```
#3373f6
```
#3373f6 rgb(51,115,246)
```
#4680f7
```
#4680f7 rgb(70,128,247)
```
#598df8
```
#598df8 rgb(89,141,248)
```
#6b9af8
```
#6b9af8 rgb(107,154,248)
```
#7ea7f9
```
#7ea7f9 rgb(126,167,249)
```
#91b3fa
```
#91b3fa rgb(145,179,250)
```
#a4c0fb
```
#a4c0fb rgb(164,192,251)
```
#b6cdfc
```
#b6cdfc rgb(182,205,252)
```
#c9dafd
```
#c9dafd rgb(201,218,253)
```
#dce7fd
```
#dce7fd rgb(220,231,253)
```
#eff4fe
```
#eff4fe rgb(239,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #41444b is the less saturated color, while #012e8b is the most saturated one.

#41444b
```
#41444b rgb(65,68,75)
```
#3c4350
```
#3c4350 rgb(60,67,80)
```
#364156
```
#364156 rgb(54,65,86)
```
#313f5b
```
#313f5b rgb(49,63,91)
```
#2c3d60
```
#2c3d60 rgb(44,61,96)
```
#263b66
```
#263b66 rgb(38,59,102)
```
#21396b
```
#21396b rgb(33,57,107)
```
#1c3770
```
#1c3770 rgb(28,55,112)
```
#163676
```
#163676 rgb(22,54,118)
```
#11347b
```
#11347b rgb(17,52,123)
```
#0b3281
```
#0b3281 rgb(11,50,129)
```
#063086
```
#063086 rgb(6,48,134)
```
#012e8b
```
#012e8b rgb(1,46,139)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#252e3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7c Protanopia 1% of men
#00436c Deuteranopia 1% of men
#00484b Tritanopia 0.001% of the population

Trichromacy

#023a80 Protanomaly 1% of men, 0.01% of women
#023c75 Deuteranomaly 6% of men, 0.4% of women
#023f61 Tritanomaly 0.01% of the population

#063086 hex color

#063086 Color Information

#063086 Color Conversion

Color Schemes with #063086

Alternatives to #063086

#063086 Preview

Shades and Tints of #063086

Tones of #063086

Color Blindness Simulator