#004680 hex color

In a RGB color space, hex #004680 is composed of 0% red, 27.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 45.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 207.2 degrees, a saturation of 100% and a lightness of 25.1%. #004680 color hex could be obtained by blending #008cff with #000001. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 27
- B 50
RGB color chart
- C 100
- M 45
- Y 0
- K 50
CMYK color chart

● #004680 color description : Dark blue.

The hexadecimal color #004680 has RGB values of R:0, G:70, B:128 and CMYK values of C:1, M:0.45, Y:0, K:0.5. Its decimal value is 18048.

Hex triplet	004680	`#004680`
RGB Decimal	0, 70, 128	`rgb(0,70,128)`
RGB Percent	0, 27.5, 50.2	`rgb(0%,27.5%,50.2%)`
CMYK	100, 45, 0, 50
HSL	207.2°, 100, 25.1	`hsl(207.2,100%,25.1%)`
HSV (or HSB)	207.2°, 100, 50.2
Web Safe	003399	`#003399`

CIE-LAB	29.256, 4.958, -37.976
XYZ	6.086, 5.938, 21.246
xyY	0.183, 0.178, 5.938
CIE-LCH	29.256, 38.298, 277.438
CIE-LUV	29.256, -16.981, -50.201
Hunter-Lab	24.369, 1.932, -34.636
Binary	00000000, 01000110, 10000000

#004680
```
#004680 rgb(0,70,128)
```
#803a00
```
#803a00 rgb(128,58,0)
```

Complementary Color

#00807a
```
#00807a rgb(0,128,122)
```
#004680
```
#004680 rgb(0,70,128)
```
#000680
```
#000680 rgb(0,6,128)
```

Analogous Color

#807a00
```
#807a00 rgb(128,122,0)
```
#004680
```
#004680 rgb(0,70,128)
```
#800006
```
#800006 rgb(128,0,6)
```

Split Complementary Color

#468000
```
#468000 rgb(70,128,0)
```
#004680
```
#004680 rgb(0,70,128)
```
#800046
```
#800046 rgb(128,0,70)
```

Triadic Color

#00803a
```
#00803a rgb(0,128,58)
```
#004680
```
#004680 rgb(0,70,128)
```
#800046
```
#800046 rgb(128,0,70)
```
#803a00
```
#803a00 rgb(128,58,0)
```

Tetradic Color

#001c34
```
#001c34 rgb(0,28,52)
```
#002a4d
```
#002a4d rgb(0,42,77)
```
#003867
```
#003867 rgb(0,56,103)
```
#004680
```
#004680 rgb(0,70,128)
```
#00549a
```
#00549a rgb(0,84,154)
```
#0062b3
```
#0062b3 rgb(0,98,179)
```
#0070cd
```
#0070cd rgb(0,112,205)
```

Monochromatic Color

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

#006680
```
#006680 rgb(0,102,128)
```
#005b80
```
#005b80 rgb(0,91,128)
```
#005180
```
#005180 rgb(0,81,128)
```
#004680
```
#004680 rgb(0,70,128)
```
#003b80
```
#003b80 rgb(0,59,128)
```
#003180
```
#003180 rgb(0,49,128)
```
#002680
```
#002680 rgb(0,38,128)
```

Similar Colors

Text with hexadecimal color #004680

This text has a font color of #004680.

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

#004680 background color

This paragraph has a background color of #004680.

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

#004680 border color

This element has a border color of #004680.

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

CSS codes

.text {color:#004680;}

.background {background-color:#004680;}

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

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#00101e
```
#00101e rgb(0,16,30)
```
#001b32
```
#001b32 rgb(0,27,50)
```
#002645
```
#002645 rgb(0,38,69)
```
#003159
```
#003159 rgb(0,49,89)
```
#003b6c
```
#003b6c rgb(0,59,108)
```
#004680
```
#004680 rgb(0,70,128)
```
#005194
```
#005194 rgb(0,81,148)
```
#005ba7
```
#005ba7 rgb(0,91,167)
```
#0066bb
```
#0066bb rgb(0,102,187)
```
#0071ce
```
#0071ce rgb(0,113,206)
```
#007ce2
```
#007ce2 rgb(0,124,226)
```
#0086f6
```
#0086f6 rgb(0,134,246)
```

Shade Color Variation

#0a90ff
```
#0a90ff rgb(10,144,255)
```
#1e99ff
```
#1e99ff rgb(30,153,255)
```
#32a2ff
```
#32a2ff rgb(50,162,255)
```
#45abff
```
#45abff rgb(69,171,255)
```
#59b4ff
```
#59b4ff rgb(89,180,255)
```
#6cbdff
```
#6cbdff rgb(108,189,255)
```
#80c5ff
```
#80c5ff rgb(128,197,255)
```
#94ceff
```
#94ceff rgb(148,206,255)
```
#a7d7ff
```
#a7d7ff rgb(167,215,255)
```
#bbe0ff
```
#bbe0ff rgb(187,224,255)
```
#cee9ff
```
#cee9ff rgb(206,233,255)
```
#e2f2ff
```
#e2f2ff rgb(226,242,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#3b4045
```
#3b4045 rgb(59,64,69)
```
#36414a
```
#36414a rgb(54,65,74)
```
#31414f
```
#31414f rgb(49,65,79)
```
#2c4254
```
#2c4254 rgb(44,66,84)
```
#274259
```
#274259 rgb(39,66,89)
```
#22435e
```
#22435e rgb(34,67,94)
```
#1e4362
```
#1e4362 rgb(30,67,98)
```
#194467
```
#194467 rgb(25,68,103)
```
#14446c
```
#14446c rgb(20,68,108)
```
#0f4571
```
#0f4571 rgb(15,69,113)
```
#0a4576
```
#0a4576 rgb(10,69,118)
```
#05467b
```
#05467b rgb(5,70,123)
```
#004680
```
#004680 rgb(0,70,128)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#2d3b46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#324c84 Protanopia 1% of men
#004f85 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#1f4a82 Protanomaly 1% of men, 0.01% of women
#004c83 Deuteranomaly 6% of men, 0.4% of women
#005068 Tritanomaly 0.01% of the population

#004680 hex color

#004680 Color Information

#004680 Color Conversion

Color Schemes with #004680

Alternatives to #004680

#004680 Preview

Shades and Tints of #004680

Tones of #004680

Color Blindness Simulator