#2a497e hex color

In a RGB color space, hex #2a497e is composed of 16.5% red, 28.6% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 42.1% magenta, 0% yellow and 50.6% black. It has a hue angle of 217.9 degrees, a saturation of 50% and a lightness of 32.9%. #2a497e color hex could be obtained by blending #5492fc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 29
- B 49
RGB color chart
- C 67
- M 42
- Y 0
- K 51
CMYK color chart

● #2a497e color description : Dark moderate blue.

The hexadecimal color #2a497e has RGB values of R:42, G:73, B:126 and CMYK values of C:0.67, M:0.42, Y:0, K:0.51. Its decimal value is 2771326.

Hex triplet	2a497e	`#2a497e`
RGB Decimal	42, 73, 126	`rgb(42,73,126)`
RGB Percent	16.5, 28.6, 49.4	`rgb(16.5%,28.6%,49.4%)`
CMYK	67, 42, 0, 51
HSL	217.9°, 50, 32.9	`hsl(217.9,50%,32.9%)`
HSV (or HSB)	217.9°, 66.7, 49.4
Web Safe	333366	`#333366`

CIE-LAB	31.262, 6.886, -33.457
XYZ	7.102, 6.763, 20.669
xyY	0.206, 0.196, 6.763
CIE-LCH	31.262, 34.158, 281.631
CIE-LUV	31.262, -12.708, -45.294
Hunter-Lab	26.006, 3.238, -28.917
Binary	00101010, 01001001, 01111110

#2a497e
```
#2a497e rgb(42,73,126)
```
#7e5f2a
```
#7e5f2a rgb(126,95,42)
```

Complementary Color

#2a737e
```
#2a737e rgb(42,115,126)
```
#2a497e
```
#2a497e rgb(42,73,126)
```
#352a7e
```
#352a7e rgb(53,42,126)
```

Analogous Color

#737e2a
```
#737e2a rgb(115,126,42)
```
#2a497e
```
#2a497e rgb(42,73,126)
```
#7e352a
```
#7e352a rgb(126,53,42)
```

Split Complementary Color

#497e2a
```
#497e2a rgb(73,126,42)
```
#2a497e
```
#2a497e rgb(42,73,126)
```
#7e2a49
```
#7e2a49 rgb(126,42,73)
```

Triadic Color

#2a7e5f
```
#2a7e5f rgb(42,126,95)
```
#2a497e
```
#2a497e rgb(42,73,126)
```
#7e2a49
```
#7e2a49 rgb(126,42,73)
```
#7e5f2a
```
#7e5f2a rgb(126,95,42)
```

Tetradic Color

#172845
```
#172845 rgb(23,40,69)
```
#1d3358
```
#1d3358 rgb(29,51,88)
```
#243e6b
```
#243e6b rgb(36,62,107)
```
#2a497e
```
#2a497e rgb(42,73,126)
```
#305491
```
#305491 rgb(48,84,145)
```
#375fa4
```
#375fa4 rgb(55,95,164)
```
#3d6ab7
```
#3d6ab7 rgb(61,106,183)
```

Monochromatic Color

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

#2a5e7e
```
#2a5e7e rgb(42,94,126)
```
#2a577e
```
#2a577e rgb(42,87,126)
```
#2a507e
```
#2a507e rgb(42,80,126)
```
#2a497e
```
#2a497e rgb(42,73,126)
```
#2a427e
```
#2a427e rgb(42,66,126)
```
#2a3b7e
```
#2a3b7e rgb(42,59,126)
```
#2a347e
```
#2a347e rgb(42,52,126)
```

Similar Colors

Text with hexadecimal color #2a497e

This text has a font color of #2a497e.

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

#2a497e background color

This paragraph has a background color of #2a497e.

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

#2a497e border color

This element has a border color of #2a497e.

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

CSS codes

.text {color:#2a497e;}

.background {background-color:#2a497e;}

.border {border:1px solid #2a497e;}

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

#030508
```
#030508 rgb(3,5,8)
```
#080d17
```
#080d17 rgb(8,13,23)
```
#0d1626
```
#0d1626 rgb(13,22,38)
```
#111e34
```
#111e34 rgb(17,30,52)
```
#162743
```
#162743 rgb(22,39,67)
```
#1b2f52
```
#1b2f52 rgb(27,47,82)
```
#203861
```
#203861 rgb(32,56,97)
```
#25406f
```
#25406f rgb(37,64,111)
```
#2a497e
```
#2a497e rgb(42,73,126)
```
#2f528d
```
#2f528d rgb(47,82,141)
```
#345a9b
```
#345a9b rgb(52,90,155)
```
#3963aa
```
#3963aa rgb(57,99,170)
```
#3e6bb9
```
#3e6bb9 rgb(62,107,185)
```

Shade Color Variation

#4875c2
```
#4875c2 rgb(72,117,194)
```
#5780c7
```
#5780c7 rgb(87,128,199)
```
#658bcc
```
#658bcc rgb(101,139,204)
```
#7496d1
```
#7496d1 rgb(116,150,209)
```
#83a1d6
```
#83a1d6 rgb(131,161,214)
```
#92addb
```
#92addb rgb(146,173,219)
```
#a0b8df
```
#a0b8df rgb(160,184,223)
```
#afc3e4
```
#afc3e4 rgb(175,195,228)
```
#becee9
```
#becee9 rgb(190,206,233)
```
#ccd9ee
```
#ccd9ee rgb(204,217,238)
```
#dbe4f3
```
#dbe4f3 rgb(219,228,243)
```
#eaeff8
```
#eaeff8 rgb(234,239,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#515357
```
#515357 rgb(81,83,87)
```
#4a515e
```
#4a515e rgb(74,81,94)
```
#445064
```
#445064 rgb(68,80,100)
```
#3d4e6b
```
#3d4e6b rgb(61,78,107)
```
#374c71
```
#374c71 rgb(55,76,113)
```
#304b78
```
#304b78 rgb(48,75,120)
```
#2a497e
```
#2a497e rgb(42,73,126)
```
#244784
```
#244784 rgb(36,71,132)
```
#1d468b
```
#1d468b rgb(29,70,139)
```
#174491
```
#174491 rgb(23,68,145)
```
#104298
```
#104298 rgb(16,66,152)
```
#0a419e
```
#0a419e rgb(10,65,158)
```
#033fa5
```
#033fa5 rgb(3,63,165)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#404751 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c5183 Protanopia 1% of men
#2d5384 Deuteranopia 1% of men
#195a61 Tritanopia 0.001% of the population

Trichromacy

#354e81 Protanomaly 1% of men, 0.01% of women
#2c4f81 Deuteranomaly 6% of men, 0.4% of women
#1f546b Tritanomaly 0.01% of the population

#2a497e hex color

#2a497e Color Information

#2a497e Color Conversion

Color Schemes with #2a497e

Alternatives to #2a497e

#2a497e Preview

Shades and Tints of #2a497e

Tones of #2a497e

Color Blindness Simulator