#064686 hex color

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

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

● #064686 color description : Dark blue.

The hexadecimal color #064686 has RGB values of R:6, G:70, B:134 and CMYK values of C:0.96, M:0.48, Y:0, K:0.47. Its decimal value is 411270.

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

CIE-LAB	29.762, 7.923, -40.884
XYZ	6.567, 6.14, 23.392
xyY	0.182, 0.17, 6.14
CIE-LCH	29.762, 41.644, 280.967
CIE-LUV	29.762, -16.347, -54.576
Hunter-Lab	24.778, 3.948, -38.628
Binary	00000110, 01000110, 10000110

#064686
```
#064686 rgb(6,70,134)
```
#864606
```
#864606 rgb(134,70,6)
```

Complementary Color

#068686
```
#068686 rgb(6,134,134)
```
#064686
```
#064686 rgb(6,70,134)
```
#060686
```
#060686 rgb(6,6,134)
```

Analogous Color

#868606
```
#868606 rgb(134,134,6)
```
#064686
```
#064686 rgb(6,70,134)
```
#860606
```
#860606 rgb(134,6,6)
```

Split Complementary Color

#468606
```
#468606 rgb(70,134,6)
```
#064686
```
#064686 rgb(6,70,134)
```
#860646
```
#860646 rgb(134,6,70)
```

Triadic Color

#068646
```
#068646 rgb(6,134,70)
```
#064686
```
#064686 rgb(6,70,134)
```
#860646
```
#860646 rgb(134,6,70)
```
#864606
```
#864606 rgb(134,70,6)
```

Tetradic Color

#03203d
```
#03203d rgb(3,32,61)
```
#042d55
```
#042d55 rgb(4,45,85)
```
#05396e
```
#05396e rgb(5,57,110)
```
#064686
```
#064686 rgb(6,70,134)
```
#07539e
```
#07539e rgb(7,83,158)
```
#0860b7
```
#0860b7 rgb(8,96,183)
```
#096ccf
```
#096ccf rgb(9,108,207)
```

Monochromatic Color

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

#066686
```
#066686 rgb(6,102,134)
```
#065b86
```
#065b86 rgb(6,91,134)
```
#065186
```
#065186 rgb(6,81,134)
```
#064686
```
#064686 rgb(6,70,134)
```
#063b86
```
#063b86 rgb(6,59,134)
```
#063186
```
#063186 rgb(6,49,134)
```
#062686
```
#062686 rgb(6,38,134)
```

Similar Colors

Text with hexadecimal color #064686

This text has a font color of #064686.

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

#064686 background color

This paragraph has a background color of #064686.

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

#064686 border color

This element has a border color of #064686.

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

CSS codes

.text {color:#064686;}

.background {background-color:#064686;}

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

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 #eff7fe is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#010b15
```
#010b15 rgb(1,11,21)
```
#021528
```
#021528 rgb(2,21,40)
```
#031f3b
```
#031f3b rgb(3,31,59)
```
#03294e
```
#03294e rgb(3,41,78)
```
#043260
```
#043260 rgb(4,50,96)
```
#053c73
```
#053c73 rgb(5,60,115)
```
#064686
```
#064686 rgb(6,70,134)
```
#075099
```
#075099 rgb(7,80,153)
```
#085aac
```
#085aac rgb(8,90,172)
```
#0963be
```
#0963be rgb(9,99,190)
```
#096dd1
```
#096dd1 rgb(9,109,209)
```
#0a77e4
```
#0a77e4 rgb(10,119,228)
```

Shade Color Variation

#0e81f4
```
#0e81f4 rgb(14,129,244)
```
#208bf5
```
#208bf5 rgb(32,139,245)
```
#3394f6
```
#3394f6 rgb(51,148,246)
```
#469ef7
```
#469ef7 rgb(70,158,247)
```
#59a8f8
```
#59a8f8 rgb(89,168,248)
```
#6bb2f8
```
#6bb2f8 rgb(107,178,248)
```
#7ebcf9
```
#7ebcf9 rgb(126,188,249)
```
#91c6fa
```
#91c6fa rgb(145,198,250)
```
#a4cffb
```
#a4cffb rgb(164,207,251)
```
#b6d9fc
```
#b6d9fc rgb(182,217,252)
```
#c9e3fd
```
#c9e3fd rgb(201,227,253)
```
#dcedfd
```
#dcedfd rgb(220,237,253)
```
#eff7fe
```
#eff7fe rgb(239,247,254)
```

Tint Color Variation

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

#41464b
```
#41464b rgb(65,70,75)
```
#3c4650
```
#3c4650 rgb(60,70,80)
```
#364656
```
#364656 rgb(54,70,86)
```
#31465b
```
#31465b rgb(49,70,91)
```
#2c4660
```
#2c4660 rgb(44,70,96)
```
#264666
```
#264666 rgb(38,70,102)
```
#21466b
```
#21466b rgb(33,70,107)
```
#1c4670
```
#1c4670 rgb(28,70,112)
```
#164676
```
#164676 rgb(22,70,118)
```
#11467b
```
#11467b rgb(17,70,123)
```
#0b4681
```
#0b4681 rgb(11,70,129)
```
#064686
```
#064686 rgb(6,70,134)
```
#01468b
```
#01468b rgb(1,70,139)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#303c49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d4d8a Protanopia 1% of men
#005186 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#1f4a88 Protanomaly 1% of men, 0.01% of women
#024d86 Deuteranomaly 6% of men, 0.4% of women
#02516b Tritanomaly 0.01% of the population

#064686 hex color

#064686 Color Information

#064686 Color Conversion

Color Schemes with #064686

Alternatives to #064686

#064686 Preview

Shades and Tints of #064686

Tones of #064686

Color Blindness Simulator