#042580 hex color

In a RGB color space, hex #042580 is composed of 1.6% red, 14.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 71.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 224 degrees, a saturation of 93.9% and a lightness of 25.9%. #042580 color hex could be obtained by blending #084aff with #000001. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 15
- B 50
RGB color chart
- C 97
- M 71
- Y 0
- K 50
CMYK color chart

● #042580 color description : Dark blue.

The hexadecimal color #042580 has RGB values of R:4, G:37, B:128 and CMYK values of C:0.97, M:0.71, Y:0, K:0.5. Its decimal value is 271744.

Hex triplet	042580	`#042580`
RGB Decimal	4, 37, 128	`rgb(4,37,128)`
RGB Percent	1.6, 14.5, 50.2	`rgb(1.6%,14.5%,50.2%)`
CMYK	97, 71, 0, 50
HSL	224°, 93.9, 25.9	`hsl(224,93.9%,25.9%)`
HSV (or HSB)	224°, 96.9, 50.2
Web Safe	003399	`#003399`

CIE-LAB	19.668, 28.565, -53.577
XYZ	4.607, 2.907, 20.739
xyY	0.163, 0.103, 2.907
CIE-LCH	19.668, 60.716, 298.065
CIE-LUV	19.668, -7.917, -59.168
Hunter-Lab	17.05, 18.395, -60.183
Binary	00000100, 00100101, 10000000

#042580
```
#042580 rgb(4,37,128)
```
#805f04
```
#805f04 rgb(128,95,4)
```

Complementary Color

#046380
```
#046380 rgb(4,99,128)
```
#042580
```
#042580 rgb(4,37,128)
```
#210480
```
#210480 rgb(33,4,128)
```

Analogous Color

#638004
```
#638004 rgb(99,128,4)
```
#042580
```
#042580 rgb(4,37,128)
```
#802104
```
#802104 rgb(128,33,4)
```

Split Complementary Color

#258004
```
#258004 rgb(37,128,4)
```
#042580
```
#042580 rgb(4,37,128)
```
#800425
```
#800425 rgb(128,4,37)
```

Triadic Color

#04805f
```
#04805f rgb(4,128,95)
```
#042580
```
#042580 rgb(4,37,128)
```
#800425
```
#800425 rgb(128,4,37)
```
#805f04
```
#805f04 rgb(128,95,4)
```

Tetradic Color

#021036
```
#021036 rgb(2,16,54)
```
#02174f
```
#02174f rgb(2,23,79)
```
#031e67
```
#031e67 rgb(3,30,103)
```
#042580
```
#042580 rgb(4,37,128)
```
#052c99
```
#052c99 rgb(5,44,153)
```
#0633b1
```
#0633b1 rgb(6,51,177)
```
#063aca
```
#063aca rgb(6,58,202)
```

Monochromatic Color

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

#044480
```
#044480 rgb(4,68,128)
```
#043a80
```
#043a80 rgb(4,58,128)
```
#042f80
```
#042f80 rgb(4,47,128)
```
#042580
```
#042580 rgb(4,37,128)
```
#041b80
```
#041b80 rgb(4,27,128)
```
#041080
```
#041080 rgb(4,16,128)
```
#040680
```
#040680 rgb(4,6,128)
```

Similar Colors

Text with hexadecimal color #042580

This text has a font color of #042580.

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

#042580 background color

This paragraph has a background color of #042580.

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

#042580 border color

This element has a border color of #042580.

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

CSS codes

.text {color:#042580;}

.background {background-color:#042580;}

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

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

#00040e
```
#00040e rgb(0,4,14)
```
#010a21
```
#010a21 rgb(1,10,33)
```
#020f34
```
#020f34 rgb(2,15,52)
```
#021547
```
#021547 rgb(2,21,71)
```
#031a5a
```
#031a5a rgb(3,26,90)
```
#03206d
```
#03206d rgb(3,32,109)
```
#042580
```
#042580 rgb(4,37,128)
```
#052a93
```
#052a93 rgb(5,42,147)
```
#0530a6
```
#0530a6 rgb(5,48,166)
```
#0635b9
```
#0635b9 rgb(6,53,185)
```
#063bcc
```
#063bcc rgb(6,59,204)
```
#0740df
```
#0740df rgb(7,64,223)
```
#0846f2
```
#0846f2 rgb(8,70,242)
```

Shade Color Variation

#1652f8
```
#1652f8 rgb(22,82,248)
```
#2960f8
```
#2960f8 rgb(41,96,248)
```
#3c6ef9
```
#3c6ef9 rgb(60,110,249)
```
#4f7cf9
```
#4f7cf9 rgb(79,124,249)
```
#628afa
```
#628afa rgb(98,138,250)
```
#7598fb
```
#7598fb rgb(117,152,251)
```
#88a6fb
```
#88a6fb rgb(136,166,251)
```
#9bb5fc
```
#9bb5fc rgb(155,181,252)
```
#aec3fc
```
#aec3fc rgb(174,195,252)
```
#c1d1fd
```
#c1d1fd rgb(193,209,253)
```
#d4dffe
```
#d4dffe rgb(212,223,254)
```
#e7edfe
```
#e7edfe rgb(231,237,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#414143
```
#414143 rgb(65,65,67)
```
#3c3f48
```
#3c3f48 rgb(60,63,72)
```
#373d4d
```
#373d4d rgb(55,61,77)
```
#323a52
```
#323a52 rgb(50,58,82)
```
#2d3857
```
#2d3857 rgb(45,56,87)
```
#28365c
```
#28365c rgb(40,54,92)
```
#223362
```
#223362 rgb(34,51,98)
```
#1d3167
```
#1d3167 rgb(29,49,103)
```
#182e6c
```
#182e6c rgb(24,46,108)
```
#132c71
```
#132c71 rgb(19,44,113)
```
#0e2a76
```
#0e2a76 rgb(14,42,118)
```
#09277b
```
#09277b rgb(9,39,123)
```
#042580
```
#042580 rgb(4,37,128)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#1f2638 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386e Protanopia 1% of men
#003c5f Deuteranopia 1% of men
#004043 Tritanopia 0.001% of the population

Trichromacy

#013174 Protanomaly 1% of men, 0.01% of women
#01336b Deuteranomaly 6% of men, 0.4% of women
#013659 Tritanomaly 0.01% of the population

#042580 hex color

#042580 Color Information

#042580 Color Conversion

Color Schemes with #042580

Alternatives to #042580

#042580 Preview

Shades and Tints of #042580

Tones of #042580

Color Blindness Simulator