#021682 hex color

In a RGB color space, hex #021682 is composed of 0.8% red, 8.6% green and 51% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 83.1% magenta, 0% yellow and 49% black. It has a hue angle of 230.6 degrees, a saturation of 97% and a lightness of 25.9%. #021682 color hex could be obtained by blending #042cff with #000005. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 9
- B 51
RGB color chart
- C 98
- M 83
- Y 0
- K 49
CMYK color chart

● #021682 color description : Dark blue.

The hexadecimal color #021682 has RGB values of R:2, G:22, B:130 and CMYK values of C:0.98, M:0.83, Y:0, K:0.49. Its decimal value is 136834.

Hex triplet	021682	`#021682`
RGB Decimal	2, 22, 130	`rgb(2,22,130)`
RGB Percent	0.8, 8.6, 51	`rgb(0.8%,8.6%,51%)`
CMYK	98, 83, 0, 49
HSL	230.6°, 97, 25.9	`hsl(230.6,97%,25.9%)`
HSV (or HSB)	230.6°, 98.5, 51
Web Safe	000099	`#000099`

CIE-LAB	16.494, 38.656, -60.101
XYZ	4.34, 2.198, 21.313
xyY	0.156, 0.079, 2.198
CIE-LCH	16.494, 71.459, 302.749
CIE-LUV	16.494, -5.654, -58.528
Hunter-Lab	14.826, 26.312, -74.856
Binary	00000010, 00010110, 10000010

#021682
```
#021682 rgb(2,22,130)
```
#826e02
```
#826e02 rgb(130,110,2)
```

Complementary Color

#025682
```
#025682 rgb(2,86,130)
```
#021682
```
#021682 rgb(2,22,130)
```
#2e0282
```
#2e0282 rgb(46,2,130)
```

Analogous Color

#568202
```
#568202 rgb(86,130,2)
```
#021682
```
#021682 rgb(2,22,130)
```
#822e02
```
#822e02 rgb(130,46,2)
```

Split Complementary Color

#168202
```
#168202 rgb(22,130,2)
```
#021682
```
#021682 rgb(2,22,130)
```
#820216
```
#820216 rgb(130,2,22)
```

Triadic Color

#02826e
```
#02826e rgb(2,130,110)
```
#021682
```
#021682 rgb(2,22,130)
```
#820216
```
#820216 rgb(130,2,22)
```
#826e02
```
#826e02 rgb(130,110,2)
```

Tetradic Color

#010937
```
#010937 rgb(1,9,55)
```
#010e50
```
#010e50 rgb(1,14,80)
```
#021269
```
#021269 rgb(2,18,105)
```
#021682
```
#021682 rgb(2,22,130)
```
#021a9b
```
#021a9b rgb(2,26,155)
```
#031fb4
```
#031fb4 rgb(3,31,180)
```
#0323cd
```
#0323cd rgb(3,35,205)
```

Monochromatic Color

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

#023682
```
#023682 rgb(2,54,130)
```
#022b82
```
#022b82 rgb(2,43,130)
```
#022182
```
#022182 rgb(2,33,130)
```
#021682
```
#021682 rgb(2,22,130)
```
#020b82
```
#020b82 rgb(2,11,130)
```
#030282
```
#030282 rgb(3,2,130)
```
#0e0282
```
#0e0282 rgb(14,2,130)
```

Similar Colors

Text with hexadecimal color #021682

This text has a font color of #021682.

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

#021682 background color

This paragraph has a background color of #021682.

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

#021682 border color

This element has a border color of #021682.

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

CSS codes

.text {color:#021682;}

.background {background-color:#021682;}

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

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, #00020e is the darkest color, while #fafbff is the lightest one.

#00020e
```
#00020e rgb(0,2,14)
```
#010621
```
#010621 rgb(1,6,33)
```
#010935
```
#010935 rgb(1,9,53)
```
#010c48
```
#010c48 rgb(1,12,72)
```
#010f5b
```
#010f5b rgb(1,15,91)
```
#02136f
```
#02136f rgb(2,19,111)
```
#021682
```
#021682 rgb(2,22,130)
```
#021995
```
#021995 rgb(2,25,149)
```
#031da9
```
#031da9 rgb(3,29,169)
```
#0320bc
```
#0320bc rgb(3,32,188)
```
#0323cf
```
#0323cf rgb(3,35,207)
```
#0326e3
```
#0326e3 rgb(3,38,227)
```
#042af6
```
#042af6 rgb(4,42,246)
```

Shade Color Variation

#1236fb
```
#1236fb rgb(18,54,251)
```
#2547fc
```
#2547fc rgb(37,71,252)
```
#3957fc
```
#3957fc rgb(57,87,252)
```
#4c67fc
```
#4c67fc rgb(76,103,252)
```
#5f78fd
```
#5f78fd rgb(95,120,253)
```
#7388fd
```
#7388fd rgb(115,136,253)
```
#8699fd
```
#8699fd rgb(134,153,253)
```
#99a9fd
```
#99a9fd rgb(153,169,253)
```
#adb9fe
```
#adb9fe rgb(173,185,254)
```
#c0cafe
```
#c0cafe rgb(192,202,254)
```
#d3dafe
```
#d3dafe rgb(211,218,254)
```
#e6eaff
```
#e6eaff rgb(230,234,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#3f4045
```
#3f4045 rgb(63,64,69)
```
#3a3c4a
```
#3a3c4a rgb(58,60,74)
```
#35394f
```
#35394f rgb(53,57,79)
```
#303554
```
#303554 rgb(48,53,84)
```
#2b3259
```
#2b3259 rgb(43,50,89)
```
#262e5e
```
#262e5e rgb(38,46,94)
```
#202b64
```
#202b64 rgb(32,43,100)
```
#1b2769
```
#1b2769 rgb(27,39,105)
```
#16246e
```
#16246e rgb(22,36,110)
```
#112073
```
#112073 rgb(17,32,115)
```
#0c1d78
```
#0c1d78 rgb(12,29,120)
```
#07197d
```
#07197d rgb(7,25,125)
```
#021682
```
#021682 rgb(2,22,130)
```

Tone Color Variation

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

#1c1c1c Achromatopsia 0.005% of the population
#171b30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003262 Protanopia 1% of men
#003554 Deuteranopia 1% of men
#00393b Tritanopia 0.001% of the population

Trichromacy

#00286d Protanomaly 1% of men, 0.01% of women
#002a65 Deuteranomaly 6% of men, 0.4% of women
#002c55 Tritanomaly 0.01% of the population

#021682 hex color

#021682 Color Information

#021682 Color Conversion

Color Schemes with #021682

Alternatives to #021682

#021682 Preview

Shades and Tints of #021682

Tones of #021682

Color Blindness Simulator