#064580 hex color

In a RGB color space, hex #064580 is composed of 2.4% red, 27.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 46.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 209 degrees, a saturation of 91% and a lightness of 26.3%. #064580 color hex could be obtained by blending #0c8aff with #000001. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 27
- B 50
RGB color chart
- C 95
- M 46
- Y 0
- K 50
CMYK color chart

● #064580 color description : Dark blue.

The hexadecimal color #064580 has RGB values of R:6, G:69, B:128 and CMYK values of C:0.95, M:0.46, Y:0, K:0.5. Its decimal value is 411008.

Hex triplet	064580	`#064580`
RGB Decimal	6, 69, 128	`rgb(6,69,128)`
RGB Percent	2.4, 27.1, 50.2	`rgb(2.4%,27.1%,50.2%)`
CMYK	95, 46, 0, 50
HSL	209°, 91, 26.3	`hsl(209,91%,26.3%)`
HSV (or HSB)	209°, 95.3, 50.2
Web Safe	003399	`#003399`

CIE-LAB	29.038, 6.04, -38.32
XYZ	6.099, 5.853, 21.229
xyY	0.184, 0.176, 5.853
CIE-LCH	29.038, 38.793, 278.957
CIE-LUV	29.038, -16.245, -50.605
Hunter-Lab	24.193, 2.659, -35.092
Binary	00000110, 01000101, 10000000

#064580
```
#064580 rgb(6,69,128)
```
#804106
```
#804106 rgb(128,65,6)
```

Complementary Color

#06807e
```
#06807e rgb(6,128,126)
```
#064580
```
#064580 rgb(6,69,128)
```
#060880
```
#060880 rgb(6,8,128)
```

Analogous Color

#807e06
```
#807e06 rgb(128,126,6)
```
#064580
```
#064580 rgb(6,69,128)
```
#800608
```
#800608 rgb(128,6,8)
```

Split Complementary Color

#458006
```
#458006 rgb(69,128,6)
```
#064580
```
#064580 rgb(6,69,128)
```
#800645
```
#800645 rgb(128,6,69)
```

Triadic Color

#068041
```
#068041 rgb(6,128,65)
```
#064580
```
#064580 rgb(6,69,128)
```
#800645
```
#800645 rgb(128,6,69)
```
#804106
```
#804106 rgb(128,65,6)
```

Tetradic Color

#031e37
```
#031e37 rgb(3,30,55)
```
#042b4f
```
#042b4f rgb(4,43,79)
```
#053868
```
#053868 rgb(5,56,104)
```
#064580
```
#064580 rgb(6,69,128)
```
#075298
```
#075298 rgb(7,82,152)
```
#085fb1
```
#085fb1 rgb(8,95,177)
```
#096cc9
```
#096cc9 rgb(9,108,201)
```

Monochromatic Color

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

#066480
```
#066480 rgb(6,100,128)
```
#065980
```
#065980 rgb(6,89,128)
```
#064f80
```
#064f80 rgb(6,79,128)
```
#064580
```
#064580 rgb(6,69,128)
```
#063b80
```
#063b80 rgb(6,59,128)
```
#063180
```
#063180 rgb(6,49,128)
```
#062780
```
#062780 rgb(6,39,128)
```

Similar Colors

Text with hexadecimal color #064580

This text has a font color of #064580.

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

#064580 background color

This paragraph has a background color of #064580.

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

#064580 border color

This element has a border color of #064580.

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

CSS codes

.text {color:#064580;}

.background {background-color:#064580;}

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

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

#010810
```
#010810 rgb(1,8,16)
```
#021222
```
#021222 rgb(2,18,34)
```
#021d35
```
#021d35 rgb(2,29,53)
```
#032748
```
#032748 rgb(3,39,72)
```
#04315b
```
#04315b rgb(4,49,91)
```
#053b6d
```
#053b6d rgb(5,59,109)
```
#064580
```
#064580 rgb(6,69,128)
```
#074f93
```
#074f93 rgb(7,79,147)
```
#0859a5
```
#0859a5 rgb(8,89,165)
```
#0963b8
```
#0963b8 rgb(9,99,184)
```
#0a6dcb
```
#0a6dcb rgb(10,109,203)
```
#0a78de
```
#0a78de rgb(10,120,222)
```
#0b82f0
```
#0b82f0 rgb(11,130,240)
```

Shade Color Variation

#1b8bf4
```
#1b8bf4 rgb(27,139,244)
```
#2e95f5
```
#2e95f5 rgb(46,149,245)
```
#409ef6
```
#409ef6 rgb(64,158,246)
```
#53a8f7
```
#53a8f7 rgb(83,168,247)
```
#66b1f8
```
#66b1f8 rgb(102,177,248)
```
#79bbf9
```
#79bbf9 rgb(121,187,249)
```
#8bc4fa
```
#8bc4fa rgb(139,196,250)
```
#9ecefa
```
#9ecefa rgb(158,206,250)
```
#b1d7fb
```
#b1d7fb rgb(177,215,251)
```
#c4e1fc
```
#c4e1fc rgb(196,225,252)
```
#d6eafd
```
#d6eafd rgb(214,234,253)
```
#e9f4fe
```
#e9f4fe rgb(233,244,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#3f4347
```
#3f4347 rgb(63,67,71)
```
#3a434c
```
#3a434c rgb(58,67,76)
```
#344352
```
#344352 rgb(52,67,82)
```
#2f4457
```
#2f4457 rgb(47,68,87)
```
#2a445c
```
#2a445c rgb(42,68,92)
```
#254461
```
#254461 rgb(37,68,97)
```
#204466
```
#204466 rgb(32,68,102)
```
#1b446b
```
#1b446b rgb(27,68,107)
```
#154471
```
#154471 rgb(21,68,113)
```
#104576
```
#104576 rgb(16,69,118)
```
#0b457b
```
#0b457b rgb(11,69,123)
```
#064580
```
#064580 rgb(6,69,128)
```
#014585
```
#014585 rgb(1,69,133)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#2f3b47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#304c84 Protanopia 1% of men
#004f84 Deuteranopia 1% of men
#00555a Tritanopia 0.001% of the population

Trichromacy

#214982 Protanomaly 1% of men, 0.01% of women
#024b82 Deuteranomaly 6% of men, 0.4% of women
#024f68 Tritanomaly 0.01% of the population

#064580 hex color

#064580 Color Information

#064580 Color Conversion

Color Schemes with #064580

Alternatives to #064580

#064580 Preview

Shades and Tints of #064580

Tones of #064580

Color Blindness Simulator