#063096 hex color

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

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

● #063096 color description : Dark blue.

The hexadecimal color #063096 has RGB values of R:6, G:48, B:150 and CMYK values of C:0.96, M:0.68, Y:0, K:0.41. Its decimal value is 405654.

Hex triplet	063096	`#063096`
RGB Decimal	6, 48, 150	`rgb(6,48,150)`
RGB Percent	2.4, 18.8, 58.8	`rgb(2.4%,18.8%,58.8%)`
CMYK	96, 68, 0, 41
HSL	222.5°, 92.3, 30.6	`hsl(222.5,92.3%,30.6%)`
HSV (or HSB)	222.5°, 96, 58.8
Web Safe	003399	`#003399`

CIE-LAB	24.809, 29.984, -58.825
XYZ	6.636, 4.354, 29.343
xyY	0.165, 0.108, 4.354
CIE-LCH	24.809, 66.025, 297.009
CIE-LUV	24.809, -10.294, -72.045
Hunter-Lab	20.866, 20.25, -68.769
Binary	00000110, 00110000, 10010110

#063096
```
#063096 rgb(6,48,150)
```
#966c06
```
#966c06 rgb(150,108,6)
```

Complementary Color

#067896
```
#067896 rgb(6,120,150)
```
#063096
```
#063096 rgb(6,48,150)
```
#240696
```
#240696 rgb(36,6,150)
```

Analogous Color

#789606
```
#789606 rgb(120,150,6)
```
#063096
```
#063096 rgb(6,48,150)
```
#962406
```
#962406 rgb(150,36,6)
```

Split Complementary Color

#309606
```
#309606 rgb(48,150,6)
```
#063096
```
#063096 rgb(6,48,150)
```
#960630
```
#960630 rgb(150,6,48)
```

Triadic Color

#06966c
```
#06966c rgb(6,150,108)
```
#063096
```
#063096 rgb(6,48,150)
```
#960630
```
#960630 rgb(150,6,48)
```
#966c06
```
#966c06 rgb(150,108,6)
```

Tetradic Color

#03184c
```
#03184c rgb(3,24,76)
```
#042065
```
#042065 rgb(4,32,101)
```
#05287d
```
#05287d rgb(5,40,125)
```
#063096
```
#063096 rgb(6,48,150)
```
#0738af
```
#0738af rgb(7,56,175)
```
#0840c7
```
#0840c7 rgb(8,64,199)
```
#0948e0
```
#0948e0 rgb(9,72,224)
```

Monochromatic Color

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

#065496
```
#065496 rgb(6,84,150)
```
#064896
```
#064896 rgb(6,72,150)
```
#063c96
```
#063c96 rgb(6,60,150)
```
#063096
```
#063096 rgb(6,48,150)
```
#062496
```
#062496 rgb(6,36,150)
```
#061896
```
#061896 rgb(6,24,150)
```
#060c96
```
#060c96 rgb(6,12,150)
```

Similar Colors

Text with hexadecimal color #063096

This text has a font color of #063096.

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

#063096 background color

This paragraph has a background color of #063096.

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

#063096 border color

This element has a border color of #063096.

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

CSS codes

.text {color:#063096;}

.background {background-color:#063096;}

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

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

#010612
```
#010612 rgb(1,6,18)
```
#010c25
```
#010c25 rgb(1,12,37)
```
#021238
```
#021238 rgb(2,18,56)
```
#03184b
```
#03184b rgb(3,24,75)
```
#041e5d
```
#041e5d rgb(4,30,93)
```
#042470
```
#042470 rgb(4,36,112)
```
#052a83
```
#052a83 rgb(5,42,131)
```
#063096
```
#063096 rgb(6,48,150)
```
#0736a9
```
#0736a9 rgb(7,54,169)
```
#083cbc
```
#083cbc rgb(8,60,188)
```
#0842cf
```
#0842cf rgb(8,66,207)
```
#0948e1
```
#0948e1 rgb(9,72,225)
```
#0a4ef4
```
#0a4ef4 rgb(10,78,244)
```

Shade Color Variation

#1c5bf6
```
#1c5bf6 rgb(28,91,246)
```
#2f69f7
```
#2f69f7 rgb(47,105,247)
```
#4277f7
```
#4277f7 rgb(66,119,247)
```
#5484f8
```
#5484f8 rgb(84,132,248)
```
#6792f9
```
#6792f9 rgb(103,146,249)
```
#7a9ffa
```
#7a9ffa rgb(122,159,250)
```
#8dadfa
```
#8dadfa rgb(141,173,250)
```
#a0bafb
```
#a0bafb rgb(160,186,251)
```
#b3c8fc
```
#b3c8fc rgb(179,200,252)
```
#c6d6fd
```
#c6d6fd rgb(198,214,253)
```
#d8e3fd
```
#d8e3fd rgb(216,227,253)
```
#ebf1fe
```
#ebf1fe rgb(235,241,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 #002e9c is the most saturated one.

#484c54
```
#484c54 rgb(72,76,84)
```
#42495a
```
#42495a rgb(66,73,90)
```
#3c4760
```
#3c4760 rgb(60,71,96)
```
#364466
```
#364466 rgb(54,68,102)
```
#30426c
```
#30426c rgb(48,66,108)
```
#2a3f72
```
#2a3f72 rgb(42,63,114)
```
#243d78
```
#243d78 rgb(36,61,120)
```
#1e3a7e
```
#1e3a7e rgb(30,58,126)
```
#183884
```
#183884 rgb(24,56,132)
```
#12358a
```
#12358a rgb(18,53,138)
```
#0c3390
```
#0c3390 rgb(12,51,144)
```
#063096
```
#063096 rgb(6,48,150)
```
#002e9c
```
#002e9c rgb(0,46,156)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#272f44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004382 Protanopia 1% of men
#004671 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#023c89 Protanomaly 1% of men, 0.01% of women
#023e7e Deuteranomaly 6% of men, 0.4% of women
#024169 Tritanomaly 0.01% of the population

#063096 hex color

#063096 Color Information

#063096 Color Conversion

Color Schemes with #063096

Alternatives to #063096

#063096 Preview

Shades and Tints of #063096

Tones of #063096

Color Blindness Simulator