#042aa0 hex color

In a RGB color space, hex #042aa0 is composed of 1.6% red, 16.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 73.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 225.4 degrees, a saturation of 95.1% and a lightness of 32.2%. #042aa0 color hex could be obtained by blending #0854ff with #000041. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 16
- B 63
RGB color chart
- C 98
- M 74
- Y 0
- K 37
CMYK color chart

● #042aa0 color description : Dark blue.

The hexadecimal color #042aa0 has RGB values of R:4, G:42, B:160 and CMYK values of C:0.98, M:0.74, Y:0, K:0.37. Its decimal value is 273056.

Hex triplet	042aa0	`#042aa0`
RGB Decimal	4, 42, 160	`rgb(4,42,160)`
RGB Percent	1.6, 16.5, 62.7	`rgb(1.6%,16.5%,62.7%)`
CMYK	98, 74, 0, 37
HSL	225.4°, 95.1, 32.2	`hsl(225.4,95.1%,32.2%)`
HSV (or HSB)	225.4°, 97.5, 62.7
Web Safe	003399	`#003399`

CIE-LAB	24.383, 37.709, -65.646
XYZ	7.222, 4.219, 33.69
xyY	0.16, 0.093, 4.219
CIE-LCH	24.383, 75.705, 299.874
CIE-LUV	24.383, -9.344, -78.302
Hunter-Lab	20.541, 26.812, -82.865
Binary	00000100, 00101010, 10100000

#042aa0
```
#042aa0 rgb(4,42,160)
```
#a07a04
```
#a07a04 rgb(160,122,4)
```

Complementary Color

#0478a0
```
#0478a0 rgb(4,120,160)
```
#042aa0
```
#042aa0 rgb(4,42,160)
```
#2c04a0
```
#2c04a0 rgb(44,4,160)
```

Analogous Color

#78a004
```
#78a004 rgb(120,160,4)
```
#042aa0
```
#042aa0 rgb(4,42,160)
```
#a02c04
```
#a02c04 rgb(160,44,4)
```

Split Complementary Color

#2aa004
```
#2aa004 rgb(42,160,4)
```
#042aa0
```
#042aa0 rgb(4,42,160)
```
#a0042a
```
#a0042a rgb(160,4,42)
```

Triadic Color

#04a07a
```
#04a07a rgb(4,160,122)
```
#042aa0
```
#042aa0 rgb(4,42,160)
```
#a0042a
```
#a0042a rgb(160,4,42)
```
#a07a04
```
#a07a04 rgb(160,122,4)
```

Tetradic Color

#021655
```
#021655 rgb(2,22,85)
```
#031d6e
```
#031d6e rgb(3,29,110)
```
#032387
```
#032387 rgb(3,35,135)
```
#042aa0
```
#042aa0 rgb(4,42,160)
```
#0531b9
```
#0531b9 rgb(5,49,185)
```
#0537d2
```
#0537d2 rgb(5,55,210)
```
#063eeb
```
#063eeb rgb(6,62,235)
```

Monochromatic Color

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

#0451a0
```
#0451a0 rgb(4,81,160)
```
#0444a0
```
#0444a0 rgb(4,68,160)
```
#0437a0
```
#0437a0 rgb(4,55,160)
```
#042aa0
```
#042aa0 rgb(4,42,160)
```
#041da0
```
#041da0 rgb(4,29,160)
```
#0410a0
```
#0410a0 rgb(4,16,160)
```
#0504a0
```
#0504a0 rgb(5,4,160)
```

Similar Colors

Text with hexadecimal color #042aa0

This text has a font color of #042aa0.

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

#042aa0 background color

This paragraph has a background color of #042aa0.

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

#042aa0 border color

This element has a border color of #042aa0.

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

CSS codes

.text {color:#042aa0;}

.background {background-color:#042aa0;}

.border {border:1px solid #042aa0;}

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

#000207
```
#000207 rgb(0,2,7)
```
#01071a
```
#01071a rgb(1,7,26)
```
#010c2d
```
#010c2d rgb(1,12,45)
```
#021140
```
#021140 rgb(2,17,64)
```
#021653
```
#021653 rgb(2,22,83)
```
#031b67
```
#031b67 rgb(3,27,103)
```
#03207a
```
#03207a rgb(3,32,122)
```
#04258d
```
#04258d rgb(4,37,141)
```
#042aa0
```
#042aa0 rgb(4,42,160)
```
#042fb3
```
#042fb3 rgb(4,47,179)
```
#0534c6
```
#0534c6 rgb(5,52,198)
```
#0539d9
```
#0539d9 rgb(5,57,217)
```
#063eed
```
#063eed rgb(6,62,237)
```

Shade Color Variation

#0d47f9
```
#0d47f9 rgb(13,71,249)
```
#2055f9
```
#2055f9 rgb(32,85,249)
```
#3364fa
```
#3364fa rgb(51,100,250)
```
#4772fa
```
#4772fa rgb(71,114,250)
```
#5a81fb
```
#5a81fb rgb(90,129,251)
```
#6d90fb
```
#6d90fb rgb(109,144,251)
```
#809efc
```
#809efc rgb(128,158,252)
```
#93adfc
```
#93adfc rgb(147,173,252)
```
#a6bbfd
```
#a6bbfd rgb(166,187,253)
```
#b9cafd
```
#b9cafd rgb(185,202,253)
```
#ccd8fe
```
#ccd8fe rgb(204,216,254)
```
#e0e7fe
```
#e0e7fe rgb(224,231,254)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#505154
```
#505154 rgb(80,81,84)
```
#494e5b
```
#494e5b rgb(73,78,91)
```
#434a61
```
#434a61 rgb(67,74,97)
```
#3d4767
```
#3d4767 rgb(61,71,103)
```
#36446e
```
#36446e rgb(54,68,110)
```
#304174
```
#304174 rgb(48,65,116)
```
#2a3d7a
```
#2a3d7a rgb(42,61,122)
```
#243a80
```
#243a80 rgb(36,58,128)
```
#1d3787
```
#1d3787 rgb(29,55,135)
```
#17348d
```
#17348d rgb(23,52,141)
```
#113093
```
#113093 rgb(17,48,147)
```
#0a2d9a
```
#0a2d9a rgb(10,45,154)
```
#042aa0
```
#042aa0 rgb(4,42,160)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#242c43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004280 Protanopia 1% of men
#00466f Deuteranopia 1% of men
#004b4e Tritanopia 0.001% of the population

Trichromacy

#01398c Protanomaly 1% of men, 0.01% of women
#013b81 Deuteranomaly 6% of men, 0.4% of women
#013f6c Tritanomaly 0.01% of the population

#042aa0 hex color

#042aa0 Color Information

#042aa0 Color Conversion

Color Schemes with #042aa0

Alternatives to #042aa0

#042aa0 Preview

Shades and Tints of #042aa0

Tones of #042aa0

Color Blindness Simulator