#042584 hex color

In a RGB color space, hex #042584 is composed of 1.6% red, 14.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 97% cyan, 72% magenta, 0% yellow and 48.2% black. It has a hue angle of 224.5 degrees, a saturation of 94.1% and a lightness of 26.7%. #042584 color hex could be obtained by blending #084aff with #000009. Closest websafe color is: #003399.

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

● #042584 color description : Dark blue.

The hexadecimal color #042584 has RGB values of R:4, G:37, B:132 and CMYK values of C:0.97, M:0.72, Y:0, K:0.48. Its decimal value is 271748.

Hex triplet	042584	`#042584`
RGB Decimal	4, 37, 132	`rgb(4,37,132)`
RGB Percent	1.6, 14.5, 51.8	`rgb(1.6%,14.5%,51.8%)`
CMYK	97, 72, 0, 48
HSL	224.5°, 94.1, 26.7	`hsl(224.5,94.1%,26.7%)`
HSV (or HSB)	224.5°, 97, 51.8
Web Safe	003399	`#003399`

CIE-LAB	20.102, 30.169, -55.387
XYZ	4.876, 3.014, 22.153
xyY	0.162, 0.1, 3.014
CIE-LCH	20.102, 63.071, 298.577
CIE-LUV	20.102, -7.974, -61.558
Hunter-Lab	17.362, 19.742, -63.497
Binary	00000100, 00100101, 10000100

#042584
```
#042584 rgb(4,37,132)
```
#846304
```
#846304 rgb(132,99,4)
```

Complementary Color

#046584
```
#046584 rgb(4,101,132)
```
#042584
```
#042584 rgb(4,37,132)
```
#230484
```
#230484 rgb(35,4,132)
```

Analogous Color

#658404
```
#658404 rgb(101,132,4)
```
#042584
```
#042584 rgb(4,37,132)
```
#842304
```
#842304 rgb(132,35,4)
```

Split Complementary Color

#258404
```
#258404 rgb(37,132,4)
```
#042584
```
#042584 rgb(4,37,132)
```
#840425
```
#840425 rgb(132,4,37)
```

Triadic Color

#048463
```
#048463 rgb(4,132,99)
```
#042584
```
#042584 rgb(4,37,132)
```
#840425
```
#840425 rgb(132,4,37)
```
#846304
```
#846304 rgb(132,99,4)
```

Tetradic Color

#02103a
```
#02103a rgb(2,16,58)
```
#031753
```
#031753 rgb(3,23,83)
```
#031e6b
```
#031e6b rgb(3,30,107)
```
#042584
```
#042584 rgb(4,37,132)
```
#052c9d
```
#052c9d rgb(5,44,157)
```
#0633b6
```
#0633b6 rgb(6,51,182)
```
#063ace
```
#063ace rgb(6,58,206)
```

Monochromatic Color

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

#044584
```
#044584 rgb(4,69,132)
```
#043a84
```
#043a84 rgb(4,58,132)
```
#043084
```
#043084 rgb(4,48,132)
```
#042584
```
#042584 rgb(4,37,132)
```
#041a84
```
#041a84 rgb(4,26,132)
```
#041084
```
#041084 rgb(4,16,132)
```
#040584
```
#040584 rgb(4,5,132)
```

Similar Colors

Text with hexadecimal color #042584

This text has a font color of #042584.

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

#042584 background color

This paragraph has a background color of #042584.

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

#042584 border color

This element has a border color of #042584.

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

CSS codes

.text {color:#042584;}

.background {background-color:#042584;}

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

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

#010512
```
#010512 rgb(1,5,18)
```
#010a25
```
#010a25 rgb(1,10,37)
```
#021038
```
#021038 rgb(2,16,56)
```
#02154b
```
#02154b rgb(2,21,75)
```
#031a5e
```
#031a5e rgb(3,26,94)
```
#032071
```
#032071 rgb(3,32,113)
```
#042584
```
#042584 rgb(4,37,132)
```
#052a97
```
#052a97 rgb(5,42,151)
```
#0530aa
```
#0530aa rgb(5,48,170)
```
#0635bd
```
#0635bd rgb(6,53,189)
```
#063ad0
```
#063ad0 rgb(6,58,208)
```
#0740e3
```
#0740e3 rgb(7,64,227)
```
#0745f6
```
#0745f6 rgb(7,69,246)
```

Shade Color Variation

#1953f8
```
#1953f8 rgb(25,83,248)
```
#2c61f9
```
#2c61f9 rgb(44,97,249)
```
#3f6ff9
```
#3f6ff9 rgb(63,111,249)
```
#527efa
```
#527efa rgb(82,126,250)
```
#658cfa
```
#658cfa rgb(101,140,250)
```
#789afb
```
#789afb rgb(120,154,251)
```
#8ca8fc
```
#8ca8fc rgb(140,168,252)
```
#9fb7fc
```
#9fb7fc rgb(159,183,252)
```
#b2c5fd
```
#b2c5fd rgb(178,197,253)
```
#c5d3fd
```
#c5d3fd rgb(197,211,253)
```
#d8e1fe
```
#d8e1fe rgb(216,225,254)
```
#ebf0fe
```
#ebf0fe rgb(235,240,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#434345
```
#434345 rgb(67,67,69)
```
#3e414a
```
#3e414a rgb(62,65,74)
```
#383e50
```
#383e50 rgb(56,62,80)
```
#333c55
```
#333c55 rgb(51,60,85)
```
#2e395a
```
#2e395a rgb(46,57,90)
```
#29375f
```
#29375f rgb(41,55,95)
```
#233465
```
#233465 rgb(35,52,101)
```
#1e326a
```
#1e326a rgb(30,50,106)
```
#192f6f
```
#192f6f rgb(25,47,111)
```
#142d74
```
#142d74 rgb(20,45,116)
```
#0e2a7a
```
#0e2a7a rgb(14,42,122)
```
#09287f
```
#09287f rgb(9,40,127)
```
#042584
```
#042584 rgb(4,37,132)
```

Tone Color Variation

Below, you can see how #042584 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
#1f2639 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003970 Protanopia 1% of men
#003c61 Deuteranopia 1% of men
#004144 Tritanopia 0.001% of the population

Trichromacy

#013277 Protanomaly 1% of men, 0.01% of women
#01346d Deuteranomaly 6% of men, 0.4% of women
#01365b Tritanomaly 0.01% of the population

#042584 hex color

#042584 Color Information

#042584 Color Conversion

Color Schemes with #042584

Alternatives to #042584

#042584 Preview

Shades and Tints of #042584

Tones of #042584

Color Blindness Simulator