#004682 hex color

In a RGB color space, hex #004682 is composed of 0% red, 27.5% green and 51% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 46.2% magenta, 0% yellow and 49% black. It has a hue angle of 207.7 degrees, a saturation of 100% and a lightness of 25.5%. #004682 color hex could be obtained by blending #008cff with #000005. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 27
- B 51
RGB color chart
- C 100
- M 46
- Y 0
- K 49
CMYK color chart

● #004682 color description : Dark blue.

The hexadecimal color #004682 has RGB values of R:0, G:70, B:130 and CMYK values of C:1, M:0.46, Y:0, K:0.49. Its decimal value is 18050.

Hex triplet	004682	`#004682`
RGB Decimal	0, 70, 130	`rgb(0,70,130)`
RGB Percent	0, 27.5, 51	`rgb(0%,27.5%,51%)`
CMYK	100, 46, 0, 49
HSL	207.7°, 100, 25.5	`hsl(207.7,100%,25.5%)`
HSV (or HSB)	207.7°, 100, 51
Web Safe	003399	`#003399`

CIE-LAB	29.391, 5.824, -39.004
XYZ	6.218, 5.991, 21.947
xyY	0.182, 0.175, 5.991
CIE-LCH	29.391, 39.436, 278.492
CIE-LUV	29.391, -16.9, -51.709
Hunter-Lab	24.477, 2.512, -36.025
Binary	00000000, 01000110, 10000010

#004682
```
#004682 rgb(0,70,130)
```
#823c00
```
#823c00 rgb(130,60,0)
```

Complementary Color

#00827d
```
#00827d rgb(0,130,125)
```
#004682
```
#004682 rgb(0,70,130)
```
#000582
```
#000582 rgb(0,5,130)
```

Analogous Color

#827d00
```
#827d00 rgb(130,125,0)
```
#004682
```
#004682 rgb(0,70,130)
```
#820005
```
#820005 rgb(130,0,5)
```

Split Complementary Color

#468200
```
#468200 rgb(70,130,0)
```
#004682
```
#004682 rgb(0,70,130)
```
#820046
```
#820046 rgb(130,0,70)
```

Triadic Color

#00823c
```
#00823c rgb(0,130,60)
```
#004682
```
#004682 rgb(0,70,130)
```
#820046
```
#820046 rgb(130,0,70)
```
#823c00
```
#823c00 rgb(130,60,0)
```

Tetradic Color

#001d36
```
#001d36 rgb(0,29,54)
```
#002b4f
```
#002b4f rgb(0,43,79)
```
#003869
```
#003869 rgb(0,56,105)
```
#004682
```
#004682 rgb(0,70,130)
```
#00549c
```
#00549c rgb(0,84,156)
```
#0061b5
```
#0061b5 rgb(0,97,181)
```
#006fcf
```
#006fcf rgb(0,111,207)
```

Monochromatic Color

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

#006782
```
#006782 rgb(0,103,130)
```
#005c82
```
#005c82 rgb(0,92,130)
```
#005182
```
#005182 rgb(0,81,130)
```
#004682
```
#004682 rgb(0,70,130)
```
#003b82
```
#003b82 rgb(0,59,130)
```
#003082
```
#003082 rgb(0,48,130)
```
#002682
```
#002682 rgb(0,38,130)
```

Similar Colors

Text with hexadecimal color #004682

This text has a font color of #004682.

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

#004682 background color

This paragraph has a background color of #004682.

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

#004682 border color

This element has a border color of #004682.

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

CSS codes

.text {color:#004682;}

.background {background-color:#004682;}

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

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, #00070c is the darkest color, while #f8fcff is the lightest one.

#00070c
```
#00070c rgb(0,7,12)
```
#001120
```
#001120 rgb(0,17,32)
```
#001c34
```
#001c34 rgb(0,28,52)
```
#002647
```
#002647 rgb(0,38,71)
```
#00315b
```
#00315b rgb(0,49,91)
```
#003b6e
```
#003b6e rgb(0,59,110)
```
#004682
```
#004682 rgb(0,70,130)
```
#005196
```
#005196 rgb(0,81,150)
```
#005ba9
```
#005ba9 rgb(0,91,169)
```
#0066bd
```
#0066bd rgb(0,102,189)
```
#0070d0
```
#0070d0 rgb(0,112,208)
```
#007be4
```
#007be4 rgb(0,123,228)
```
#0085f8
```
#0085f8 rgb(0,133,248)
```

Shade Color Variation

#0c8fff
```
#0c8fff rgb(12,143,255)
```
#2098ff
```
#2098ff rgb(32,152,255)
```
#34a1ff
```
#34a1ff rgb(52,161,255)
```
#47aaff
```
#47aaff rgb(71,170,255)
```
#5bb3ff
```
#5bb3ff rgb(91,179,255)
```
#6ebcff
```
#6ebcff rgb(110,188,255)
```
#82c5ff
```
#82c5ff rgb(130,197,255)
```
#96ceff
```
#96ceff rgb(150,206,255)
```
#a9d7ff
```
#a9d7ff rgb(169,215,255)
```
#bde0ff
```
#bde0ff rgb(189,224,255)
```
#d0eaff
```
#d0eaff rgb(208,234,255)
```
#e4f3ff
```
#e4f3ff rgb(228,243,255)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#3c4146
```
#3c4146 rgb(60,65,70)
```
#37424b
```
#37424b rgb(55,66,75)
```
#324250
```
#324250 rgb(50,66,80)
```
#2d4355
```
#2d4355 rgb(45,67,85)
```
#28435a
```
#28435a rgb(40,67,90)
```
#23435f
```
#23435f rgb(35,67,95)
```
#1e4464
```
#1e4464 rgb(30,68,100)
```
#194469
```
#194469 rgb(25,68,105)
```
#14446e
```
#14446e rgb(20,68,110)
```
#0f4573
```
#0f4573 rgb(15,69,115)
```
#0a4578
```
#0a4578 rgb(10,69,120)
```
#05467d
```
#05467d rgb(5,70,125)
```
#004682
```
#004682 rgb(0,70,130)
```

Tone Color Variation

Below, you can see how #004682 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
#2d3b47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#304d86 Protanopia 1% of men
#005085 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#1e4a84 Protanomaly 1% of men, 0.01% of women
#004c84 Deuteranomaly 6% of men, 0.4% of women
#005069 Tritanomaly 0.01% of the population

#004682 hex color

#004682 Color Information

#004682 Color Conversion

Color Schemes with #004682

Alternatives to #004682

#004682 Preview

Shades and Tints of #004682

Tones of #004682

Color Blindness Simulator