#001580 hex color

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

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

● #001580 color description : Dark blue.

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

Hex triplet	001580	`#001580`
RGB Decimal	0, 21, 128	`rgb(0,21,128)`
RGB Percent	0, 8.2, 50.2	`rgb(0%,8.2%,50.2%)`
CMYK	100, 84, 0, 50
HSL	230.2°, 100, 25.1	`hsl(230.2,100%,25.1%)`
HSV (or HSB)	230.2°, 100, 50.2
Web Safe	000099	`#000099`

CIE-LAB	15.976, 38.432, -59.695
XYZ	4.164, 2.095, 20.606
xyY	0.155, 0.078, 2.095
CIE-LCH	15.976, 70.997, 302.774
CIE-LUV	15.976, -5.575, -57.07
Hunter-Lab	14.472, 26.027, -74.286
Binary	00000000, 00010101, 10000000

#001580
```
#001580 rgb(0,21,128)
```
#806b00
```
#806b00 rgb(128,107,0)
```

Complementary Color

#005580
```
#005580 rgb(0,85,128)
```
#001580
```
#001580 rgb(0,21,128)
```
#2b0080
```
#2b0080 rgb(43,0,128)
```

Analogous Color

#558000
```
#558000 rgb(85,128,0)
```
#001580
```
#001580 rgb(0,21,128)
```
#802b00
```
#802b00 rgb(128,43,0)
```

Split Complementary Color

#158000
```
#158000 rgb(21,128,0)
```
#001580
```
#001580 rgb(0,21,128)
```
#800015
```
#800015 rgb(128,0,21)
```

Triadic Color

#00806b
```
#00806b rgb(0,128,107)
```
#001580
```
#001580 rgb(0,21,128)
```
#800015
```
#800015 rgb(128,0,21)
```
#806b00
```
#806b00 rgb(128,107,0)
```

Tetradic Color

#000834
```
#000834 rgb(0,8,52)
```
#000d4d
```
#000d4d rgb(0,13,77)
```
#001167
```
#001167 rgb(0,17,103)
```
#001580
```
#001580 rgb(0,21,128)
```
#00199a
```
#00199a rgb(0,25,154)
```
#001db3
```
#001db3 rgb(0,29,179)
```
#0022cd
```
#0022cd rgb(0,34,205)
```

Monochromatic Color

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

#003580
```
#003580 rgb(0,53,128)
```
#002a80
```
#002a80 rgb(0,42,128)
```
#002080
```
#002080 rgb(0,32,128)
```
#001580
```
#001580 rgb(0,21,128)
```
#000a80
```
#000a80 rgb(0,10,128)
```
#000080
```
#000080 rgb(0,0,128)
```
#0b0080
```
#0b0080 rgb(11,0,128)
```

Similar Colors

Text with hexadecimal color #001580

This text has a font color of #001580.

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

#001580 background color

This paragraph has a background color of #001580.

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

#001580 border color

This element has a border color of #001580.

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

CSS codes

.text {color:#001580;}

.background {background-color:#001580;}

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

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

#00020a
```
#00020a rgb(0,2,10)
```
#00051e
```
#00051e rgb(0,5,30)
```
#000832
```
#000832 rgb(0,8,50)
```
#000b45
```
#000b45 rgb(0,11,69)
```
#000f59
```
#000f59 rgb(0,15,89)
```
#00126c
```
#00126c rgb(0,18,108)
```
#001580
```
#001580 rgb(0,21,128)
```
#001894
```
#001894 rgb(0,24,148)
```
#001ba7
```
#001ba7 rgb(0,27,167)
```
#001fbb
```
#001fbb rgb(0,31,187)
```
#0022ce
```
#0022ce rgb(0,34,206)
```
#0025e2
```
#0025e2 rgb(0,37,226)
```
#0028f6
```
#0028f6 rgb(0,40,246)
```

Shade Color Variation

#0a32ff
```
#0a32ff rgb(10,50,255)
```
#1e43ff
```
#1e43ff rgb(30,67,255)
```
#3253ff
```
#3253ff rgb(50,83,255)
```
#4564ff
```
#4564ff rgb(69,100,255)
```
#5974ff
```
#5974ff rgb(89,116,255)
```
#6c84ff
```
#6c84ff rgb(108,132,255)
```
#8095ff
```
#8095ff rgb(128,149,255)
```
#94a5ff
```
#94a5ff rgb(148,165,255)
```
#a7b6ff
```
#a7b6ff rgb(167,182,255)
```
#bbc6ff
```
#bbc6ff rgb(187,198,255)
```
#ced6ff
```
#ced6ff rgb(206,214,255)
```
#e2e7ff
```
#e2e7ff rgb(226,231,255)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

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

#3b3d45
```
#3b3d45 rgb(59,61,69)
```
#36394a
```
#36394a rgb(54,57,74)
```
#31364f
```
#31364f rgb(49,54,79)
```
#2c3354
```
#2c3354 rgb(44,51,84)
```
#272f59
```
#272f59 rgb(39,47,89)
```
#222c5e
```
#222c5e rgb(34,44,94)
```
#1e2962
```
#1e2962 rgb(30,41,98)
```
#192667
```
#192667 rgb(25,38,103)
```
#14226c
```
#14226c rgb(20,34,108)
```
#0f1f71
```
#0f1f71 rgb(15,31,113)
```
#0a1c76
```
#0a1c76 rgb(10,28,118)
```
#05187b
```
#05187b rgb(5,24,123)
```
#001580
```
#001580 rgb(0,21,128)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#161a2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003160 Protanopia 1% of men
#003452 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

#001580 hex color

#001580 Color Information

#001580 Color Conversion

Color Schemes with #001580

Alternatives to #001580

#001580 Preview

Shades and Tints of #001580

Tones of #001580

Color Blindness Simulator