#051684 hex color

In a RGB color space, hex #051684 is composed of 2% red, 8.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 96.2% cyan, 83.3% magenta, 0% yellow and 48.2% black. It has a hue angle of 232 degrees, a saturation of 92.7% and a lightness of 26.9%. #051684 color hex could be obtained by blending #0a2cff with #000009. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 2
- G 9
- B 52
RGB color chart
- C 96
- M 83
- Y 0
- K 48
CMYK color chart

● #051684 color description : Dark blue.

The hexadecimal color #051684 has RGB values of R:5, G:22, B:132 and CMYK values of C:0.96, M:0.83, Y:0, K:0.48. Its decimal value is 333444.

Hex triplet	051684	`#051684`
RGB Decimal	5, 22, 132	`rgb(5,22,132)`
RGB Percent	2, 8.6, 51.8	`rgb(2%,8.6%,51.8%)`
CMYK	96, 83, 0, 48
HSL	232°, 92.7, 26.9	`hsl(232,92.7%,26.9%)`
HSV (or HSB)	232°, 96.2, 51.8
Web Safe	000099	`#000099`

CIE-LAB	16.853, 39.455, -60.768
XYZ	4.514, 2.272, 22.029
xyY	0.157, 0.079, 2.272
CIE-LCH	16.853, 72.453, 302.995
CIE-LUV	16.853, -5.557, -59.815
Hunter-Lab	15.072, 27.078, -76.107
Binary	00000101, 00010110, 10000100

#051684
```
#051684 rgb(5,22,132)
```
#847305
```
#847305 rgb(132,115,5)
```

Complementary Color

#055684
```
#055684 rgb(5,86,132)
```
#051684
```
#051684 rgb(5,22,132)
```
#340584
```
#340584 rgb(52,5,132)
```

Analogous Color

#568405
```
#568405 rgb(86,132,5)
```
#051684
```
#051684 rgb(5,22,132)
```
#843405
```
#843405 rgb(132,52,5)
```

Split Complementary Color

#168405
```
#168405 rgb(22,132,5)
```
#051684
```
#051684 rgb(5,22,132)
```
#840516
```
#840516 rgb(132,5,22)
```

Triadic Color

#058473
```
#058473 rgb(5,132,115)
```
#051684
```
#051684 rgb(5,22,132)
```
#840516
```
#840516 rgb(132,5,22)
```
#847305
```
#847305 rgb(132,115,5)
```

Tetradic Color

#020a3a
```
#020a3a rgb(2,10,58)
```
#030e53
```
#030e53 rgb(3,14,83)
```
#04126b
```
#04126b rgb(4,18,107)
```
#051684
```
#051684 rgb(5,22,132)
```
#061a9d
```
#061a9d rgb(6,26,157)
```
#071eb5
```
#071eb5 rgb(7,30,181)
```
#0822ce
```
#0822ce rgb(8,34,206)
```

Monochromatic Color

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

#053684
```
#053684 rgb(5,54,132)
```
#052b84
```
#052b84 rgb(5,43,132)
```
#052184
```
#052184 rgb(5,33,132)
```
#051684
```
#051684 rgb(5,22,132)
```
#050b84
```
#050b84 rgb(5,11,132)
```
#090584
```
#090584 rgb(9,5,132)
```
#140584
```
#140584 rgb(20,5,132)
```

Similar Colors

Text with hexadecimal color #051684

This text has a font color of #051684.

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

#051684 background color

This paragraph has a background color of #051684.

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

#051684 border color

This element has a border color of #051684.

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

CSS codes

.text {color:#051684;}

.background {background-color:#051684;}

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

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

#010313
```
#010313 rgb(1,3,19)
```
#010626
```
#010626 rgb(1,6,38)
```
#020938
```
#020938 rgb(2,9,56)
```
#030d4b
```
#030d4b rgb(3,13,75)
```
#04105e
```
#04105e rgb(4,16,94)
```
#041371
```
#041371 rgb(4,19,113)
```
#051684
```
#051684 rgb(5,22,132)
```
#061997
```
#061997 rgb(6,25,151)
```
#061caa
```
#061caa rgb(6,28,170)
```
#071fbd
```
#071fbd rgb(7,31,189)
```
#0823d0
```
#0823d0 rgb(8,35,208)
```
#0926e2
```
#0926e2 rgb(9,38,226)
```
#0929f5
```
#0929f5 rgb(9,41,245)
```

Shade Color Variation

#1c39f6
```
#1c39f6 rgb(28,57,246)
```
#2f4af7
```
#2f4af7 rgb(47,74,247)
```
#425af8
```
#425af8 rgb(66,90,248)
```
#556bf9
```
#556bf9 rgb(85,107,249)
```
#687bf9
```
#687bf9 rgb(104,123,249)
```
#7a8bfa
```
#7a8bfa rgb(122,139,250)
```
#8d9cfb
```
#8d9cfb rgb(141,156,251)
```
#a0acfb
```
#a0acfb rgb(160,172,251)
```
#b3bdfc
```
#b3bdfc rgb(179,189,252)
```
#c6cdfd
```
#c6cdfd rgb(198,205,253)
```
#d9defe
```
#d9defe rgb(217,222,254)
```
#eceefe
```
#eceefe rgb(236,238,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444445
```
#444445 rgb(68,68,69)
```
#3f404a
```
#3f404a rgb(63,64,74)
```
#3a3d4f
```
#3a3d4f rgb(58,61,79)
```
#343955
```
#343955 rgb(52,57,85)
```
#2f355a
```
#2f355a rgb(47,53,90)
```
#2a315f
```
#2a315f rgb(42,49,95)
```
#252d64
```
#252d64 rgb(37,45,100)
```
#1f296a
```
#1f296a rgb(31,41,106)
```
#1a256f
```
#1a256f rgb(26,37,111)
```
#152274
```
#152274 rgb(21,34,116)
```
#101e79
```
#101e79 rgb(16,30,121)
```
#0a1a7f
```
#0a1a7f rgb(10,26,127)
```
#051684
```
#051684 rgb(5,22,132)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#181c32 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003363 Protanopia 1% of men
#003655 Deuteranopia 1% of men
#00393c Tritanopia 0.001% of the population

Trichromacy

#01286f Protanomaly 1% of men, 0.01% of women
#012a66 Deuteranomaly 6% of men, 0.4% of women
#012c56 Tritanomaly 0.01% of the population

#051684 hex color

#051684 Color Information

#051684 Color Conversion

Color Schemes with #051684

Alternatives to #051684

#051684 Preview

Shades and Tints of #051684

Tones of #051684

Color Blindness Simulator