#063996 hex color

In a RGB color space, hex #063996 is composed of 2.4% red, 22.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 62% magenta, 0% yellow and 41.2% black. It has a hue angle of 218.8 degrees, a saturation of 92.3% and a lightness of 30.6%. #063996 color hex could be obtained by blending #0c72ff with #00002d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 22
- B 59
RGB color chart
- C 96
- M 62
- Y 0
- K 41
CMYK color chart

● #063996 color description : Dark blue.

The hexadecimal color #063996 has RGB values of R:6, G:57, B:150 and CMYK values of C:0.96, M:0.62, Y:0, K:0.41. Its decimal value is 407958.

Hex triplet	063996	`#063996`
RGB Decimal	6, 57, 150	`rgb(6,57,150)`
RGB Percent	2.4, 22.4, 58.8	`rgb(2.4%,22.4%,58.8%)`
CMYK	96, 62, 0, 41
HSL	218.8°, 92.3, 30.6	`hsl(218.8,92.3%,30.6%)`
HSV (or HSB)	218.8°, 96, 58.8
Web Safe	003399	`#003399`

CIE-LAB	27.204, 23.78, -54.894
XYZ	7.042, 5.166, 29.479
xyY	0.169, 0.124, 5.166
CIE-LCH	27.204, 59.824, 293.422
CIE-LUV	27.204, -12.375, -70.561
Hunter-Lab	22.73, 15.526, -60.984
Binary	00000110, 00111001, 10010110

#063996
```
#063996 rgb(6,57,150)
```
#966306
```
#966306 rgb(150,99,6)
```

Complementary Color

#068196
```
#068196 rgb(6,129,150)
```
#063996
```
#063996 rgb(6,57,150)
```
#1b0696
```
#1b0696 rgb(27,6,150)
```

Analogous Color

#819606
```
#819606 rgb(129,150,6)
```
#063996
```
#063996 rgb(6,57,150)
```
#961b06
```
#961b06 rgb(150,27,6)
```

Split Complementary Color

#399606
```
#399606 rgb(57,150,6)
```
#063996
```
#063996 rgb(6,57,150)
```
#960639
```
#960639 rgb(150,6,57)
```

Triadic Color

#069663
```
#069663 rgb(6,150,99)
```
#063996
```
#063996 rgb(6,57,150)
```
#960639
```
#960639 rgb(150,6,57)
```
#966306
```
#966306 rgb(150,99,6)
```

Tetradic Color

#031d4c
```
#031d4c rgb(3,29,76)
```
#042665
```
#042665 rgb(4,38,101)
```
#05307d
```
#05307d rgb(5,48,125)
```
#063996
```
#063996 rgb(6,57,150)
```
#0742af
```
#0742af rgb(7,66,175)
```
#084cc7
```
#084cc7 rgb(8,76,199)
```
#0955e0
```
#0955e0 rgb(9,85,224)
```

Monochromatic Color

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

#065d96
```
#065d96 rgb(6,93,150)
```
#065196
```
#065196 rgb(6,81,150)
```
#064596
```
#064596 rgb(6,69,150)
```
#063996
```
#063996 rgb(6,57,150)
```
#062d96
```
#062d96 rgb(6,45,150)
```
#062196
```
#062196 rgb(6,33,150)
```
#061596
```
#061596 rgb(6,21,150)
```

Similar Colors

Text with hexadecimal color #063996

This text has a font color of #063996.

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

#063996 background color

This paragraph has a background color of #063996.

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

#063996 border color

This element has a border color of #063996.

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

CSS codes

.text {color:#063996;}

.background {background-color:#063996;}

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

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

#010712
```
#010712 rgb(1,7,18)
```
#010e25
```
#010e25 rgb(1,14,37)
```
#021538
```
#021538 rgb(2,21,56)
```
#031c4b
```
#031c4b rgb(3,28,75)
```
#04235d
```
#04235d rgb(4,35,93)
```
#042b70
```
#042b70 rgb(4,43,112)
```
#053283
```
#053283 rgb(5,50,131)
```
#063996
```
#063996 rgb(6,57,150)
```
#0740a9
```
#0740a9 rgb(7,64,169)
```
#0847bc
```
#0847bc rgb(8,71,188)
```
#084fcf
```
#084fcf rgb(8,79,207)
```
#0956e1
```
#0956e1 rgb(9,86,225)
```
#0a5df4
```
#0a5df4 rgb(10,93,244)
```

Shade Color Variation

#1c69f6
```
#1c69f6 rgb(28,105,246)
```
#2f75f7
```
#2f75f7 rgb(47,117,247)
```
#4282f7
```
#4282f7 rgb(66,130,247)
```
#548ef8
```
#548ef8 rgb(84,142,248)
```
#679bf9
```
#679bf9 rgb(103,155,249)
```
#7aa7fa
```
#7aa7fa rgb(122,167,250)
```
#8db4fa
```
#8db4fa rgb(141,180,250)
```
#a0c0fb
```
#a0c0fb rgb(160,192,251)
```
#b3cdfc
```
#b3cdfc rgb(179,205,252)
```
#c6d9fd
```
#c6d9fd rgb(198,217,253)
```
#d8e6fd
```
#d8e6fd rgb(216,230,253)
```
#ebf2fe
```
#ebf2fe rgb(235,242,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484c54 is the less saturated color, while #00379c is the most saturated one.

#484c54
```
#484c54 rgb(72,76,84)
```
#424b5a
```
#424b5a rgb(66,75,90)
```
#3c4960
```
#3c4960 rgb(60,73,96)
```
#364766
```
#364766 rgb(54,71,102)
```
#30456c
```
#30456c rgb(48,69,108)
```
#2a4472
```
#2a4472 rgb(42,68,114)
```
#244278
```
#244278 rgb(36,66,120)
```
#1e407e
```
#1e407e rgb(30,64,126)
```
#183e84
```
#183e84 rgb(24,62,132)
```
#123c8a
```
#123c8a rgb(18,60,138)
```
#0c3b90
```
#0c3b90 rgb(12,59,144)
```
#063996
```
#063996 rgb(6,57,150)
```
#00379c
```
#00379c rgb(0,55,156)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2b3548 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478c Protanopia 1% of men
#004c7a Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#024290 Protanomaly 1% of men, 0.01% of women
#024584 Deuteranomaly 6% of men, 0.4% of women
#02486d Tritanomaly 0.01% of the population

#063996 hex color

#063996 Color Information

#063996 Color Conversion

Color Schemes with #063996

Alternatives to #063996

#063996 Preview

Shades and Tints of #063996

Tones of #063996

Color Blindness Simulator