#021580 hex color

In a RGB color space, hex #021580 is composed of 0.8% red, 8.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 83.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 231 degrees, a saturation of 96.9% and a lightness of 25.5%. #021580 color hex could be obtained by blending #042aff with #000001. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 8
- B 50
RGB color chart
- C 98
- M 84
- Y 0
- K 50
CMYK color chart

● #021580 color description : Dark blue.

The hexadecimal color #021580 has RGB values of R:2, G:21, B:128 and CMYK values of C:0.98, M:0.84, Y:0, K:0.5. Its decimal value is 136576.

Hex triplet	021580	`#021580`
RGB Decimal	2, 21, 128	`rgb(2,21,128)`
RGB Percent	0.8, 8.2, 50.2	`rgb(0.8%,8.2%,50.2%)`
CMYK	98, 84, 0, 50
HSL	231°, 96.9, 25.5	`hsl(231,96.9%,25.5%)`
HSV (or HSB)	231°, 98.4, 50.2
Web Safe	000099	`#000099`

CIE-LAB	16.041, 38.502, -59.585
XYZ	4.189, 2.107, 20.607
xyY	0.156, 0.078, 2.107
CIE-LCH	16.041, 70.942, 302.87
CIE-LUV	16.041, -5.465, -57.148
Hunter-Lab	14.517, 26.1, -74.001
Binary	00000010, 00010101, 10000000

#021580
```
#021580 rgb(2,21,128)
```
#806d02
```
#806d02 rgb(128,109,2)
```

Complementary Color

#025480
```
#025480 rgb(2,84,128)
```
#021580
```
#021580 rgb(2,21,128)
```
#2e0280
```
#2e0280 rgb(46,2,128)
```

Analogous Color

#548002
```
#548002 rgb(84,128,2)
```
#021580
```
#021580 rgb(2,21,128)
```
#802e02
```
#802e02 rgb(128,46,2)
```

Split Complementary Color

#158002
```
#158002 rgb(21,128,2)
```
#021580
```
#021580 rgb(2,21,128)
```
#800215
```
#800215 rgb(128,2,21)
```

Triadic Color

#02806d
```
#02806d rgb(2,128,109)
```
#021580
```
#021580 rgb(2,21,128)
```
#800215
```
#800215 rgb(128,2,21)
```
#806d02
```
#806d02 rgb(128,109,2)
```

Tetradic Color

#010935
```
#010935 rgb(1,9,53)
```
#010d4e
```
#010d4e rgb(1,13,78)
```
#021167
```
#021167 rgb(2,17,103)
```
#021580
```
#021580 rgb(2,21,128)
```
#021999
```
#021999 rgb(2,25,153)
```
#031db2
```
#031db2 rgb(3,29,178)
```
#0321cb
```
#0321cb rgb(3,33,203)
```

Monochromatic Color

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

#023580
```
#023580 rgb(2,53,128)
```
#022a80
```
#022a80 rgb(2,42,128)
```
#022080
```
#022080 rgb(2,32,128)
```
#021580
```
#021580 rgb(2,21,128)
```
#020b80
```
#020b80 rgb(2,11,128)
```
#040280
```
#040280 rgb(4,2,128)
```
#0f0280
```
#0f0280 rgb(15,2,128)
```

Similar Colors

Text with hexadecimal color #021580

This text has a font color of #021580.

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

#021580 background color

This paragraph has a background color of #021580.

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

#021580 border color

This element has a border color of #021580.

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

CSS codes

.text {color:#021580;}

.background {background-color:#021580;}

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

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

#00020c
```
#00020c rgb(0,2,12)
```
#00051f
```
#00051f rgb(0,5,31)
```
#010833
```
#010833 rgb(1,8,51)
```
#010b46
```
#010b46 rgb(1,11,70)
```
#010f59
```
#010f59 rgb(1,15,89)
```
#02126d
```
#02126d rgb(2,18,109)
```
#021580
```
#021580 rgb(2,21,128)
```
#021893
```
#021893 rgb(2,24,147)
```
#031ba7
```
#031ba7 rgb(3,27,167)
```
#031fba
```
#031fba rgb(3,31,186)
```
#0322cd
```
#0322cd rgb(3,34,205)
```
#0425e1
```
#0425e1 rgb(4,37,225)
```
#0428f4
```
#0428f4 rgb(4,40,244)
```

Shade Color Variation

#1034fb
```
#1034fb rgb(16,52,251)
```
#2344fc
```
#2344fc rgb(35,68,252)
```
#3754fc
```
#3754fc rgb(55,84,252)
```
#4a65fc
```
#4a65fc rgb(74,101,252)
```
#5d75fc
```
#5d75fc rgb(93,117,252)
```
#7186fd
```
#7186fd rgb(113,134,253)
```
#8496fd
```
#8496fd rgb(132,150,253)
```
#97a7fd
```
#97a7fd rgb(151,167,253)
```
#abb7fe
```
#abb7fe rgb(171,183,254)
```
#bec8fe
```
#bec8fe rgb(190,200,254)
```
#d1d8fe
```
#d1d8fe rgb(209,216,254)
```
#e4e8ff
```
#e4e8ff rgb(228,232,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#3e3f44
```
#3e3f44 rgb(62,63,68)
```
#393b49
```
#393b49 rgb(57,59,73)
```
#34384e
```
#34384e rgb(52,56,78)
```
#2f3453
```
#2f3453 rgb(47,52,83)
```
#2a3158
```
#2a3158 rgb(42,49,88)
```
#252d5d
```
#252d5d rgb(37,45,93)
```
#202a62
```
#202a62 rgb(32,42,98)
```
#1b2667
```
#1b2667 rgb(27,38,103)
```
#16236c
```
#16236c rgb(22,35,108)
```
#111f71
```
#111f71 rgb(17,31,113)
```
#0c1c76
```
#0c1c76 rgb(12,28,118)
```
#07187b
```
#07187b rgb(7,24,123)
```
#021580
```
#021580 rgb(2,21,128)
```

Tone Color Variation

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

#003160 Protanopia 1% of men
#003453 Deuteranopia 1% of men
#00383a Tritanopia 0.001% of the population

Trichromacy

#00276b Protanomaly 1% of men, 0.01% of women
#002963 Deuteranomaly 6% of men, 0.4% of women
#002b53 Tritanomaly 0.01% of the population

#021580 hex color

#021580 Color Information

#021580 Color Conversion

Color Schemes with #021580

Alternatives to #021580

#021580 Preview

Shades and Tints of #021580

Tones of #021580

Color Blindness Simulator