#2a437a hex color

In a RGB color space, hex #2a437a is composed of 16.5% red, 26.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 45.1% magenta, 0% yellow and 52.2% black. It has a hue angle of 221.3 degrees, a saturation of 48.8% and a lightness of 32.2%. #2a437a color hex could be obtained by blending #5486f4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 26
- B 48
RGB color chart
- C 66
- M 45
- Y 0
- K 52
CMYK color chart

● #2a437a color description : Dark moderate blue.

The hexadecimal color #2a437a has RGB values of R:42, G:67, B:122 and CMYK values of C:0.66, M:0.45, Y:0, K:0.52. Its decimal value is 2769786.

Hex triplet	2a437a	`#2a437a`
RGB Decimal	42, 67, 122	`rgb(42,67,122)`
RGB Percent	16.5, 26.3, 47.8	`rgb(16.5%,26.3%,47.8%)`
CMYK	66, 45, 0, 52
HSL	221.3°, 48.8, 32.2	`hsl(221.3,48.8%,32.2%)`
HSV (or HSB)	221.3°, 65.6, 47.8
Web Safe	333366	`#333366`

CIE-LAB	29.188, 9.423, -34.265
XYZ	6.474, 5.911, 19.211
xyY	0.205, 0.187, 5.911
CIE-LCH	29.188, 35.537, 285.377
CIE-LUV	29.188, -10.752, -45.572
Hunter-Lab	24.313, 4.983, -29.829
Binary	00101010, 01000011, 01111010

#2a437a
```
#2a437a rgb(42,67,122)
```
#7a612a
```
#7a612a rgb(122,97,42)
```

Complementary Color

#2a6b7a
```
#2a6b7a rgb(42,107,122)
```
#2a437a
```
#2a437a rgb(42,67,122)
```
#392a7a
```
#392a7a rgb(57,42,122)
```

Analogous Color

#6b7a2a
```
#6b7a2a rgb(107,122,42)
```
#2a437a
```
#2a437a rgb(42,67,122)
```
#7a392a
```
#7a392a rgb(122,57,42)
```

Split Complementary Color

#437a2a
```
#437a2a rgb(67,122,42)
```
#2a437a
```
#2a437a rgb(42,67,122)
```
#7a2a43
```
#7a2a43 rgb(122,42,67)
```

Triadic Color

#2a7a61
```
#2a7a61 rgb(42,122,97)
```
#2a437a
```
#2a437a rgb(42,67,122)
```
#7a2a43
```
#7a2a43 rgb(122,42,67)
```
#7a612a
```
#7a612a rgb(122,97,42)
```

Tetradic Color

#162441
```
#162441 rgb(22,36,65)
```
#1d2e54
```
#1d2e54 rgb(29,46,84)
```
#233967
```
#233967 rgb(35,57,103)
```
#2a437a
```
#2a437a rgb(42,67,122)
```
#314d8d
```
#314d8d rgb(49,77,141)
```
#3758a0
```
#3758a0 rgb(55,88,160)
```
#3e62b3
```
#3e62b3 rgb(62,98,179)
```

Monochromatic Color

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

#2a577a
```
#2a577a rgb(42,87,122)
```
#2a507a
```
#2a507a rgb(42,80,122)
```
#2a4a7a
```
#2a4a7a rgb(42,74,122)
```
#2a437a
```
#2a437a rgb(42,67,122)
```
#2a3c7a
```
#2a3c7a rgb(42,60,122)
```
#2a367a
```
#2a367a rgb(42,54,122)
```
#2a2f7a
```
#2a2f7a rgb(42,47,122)
```

Similar Colors

Text with hexadecimal color #2a437a

This text has a font color of #2a437a.

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

#2a437a background color

This paragraph has a background color of #2a437a.

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

#2a437a border color

This element has a border color of #2a437a.

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

CSS codes

.text {color:#2a437a;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070b14
```
#070b14 rgb(7,11,20)
```
#0c1322
```
#0c1322 rgb(12,19,34)
```
#111b31
```
#111b31 rgb(17,27,49)
```
#162340
```
#162340 rgb(22,35,64)
```
#1b2b4e
```
#1b2b4e rgb(27,43,78)
```
#20335d
```
#20335d rgb(32,51,93)
```
#253b6b
```
#253b6b rgb(37,59,107)
```
#2a437a
```
#2a437a rgb(42,67,122)
```
#2f4b89
```
#2f4b89 rgb(47,75,137)
```
#345397
```
#345397 rgb(52,83,151)
```
#395ba6
```
#395ba6 rgb(57,91,166)
```
#3e63b4
```
#3e63b4 rgb(62,99,180)
```

Shade Color Variation

#476cc0
```
#476cc0 rgb(71,108,192)
```
#5578c5
```
#5578c5 rgb(85,120,197)
```
#6484ca
```
#6484ca rgb(100,132,202)
```
#728fcf
```
#728fcf rgb(114,143,207)
```
#819bd4
```
#819bd4 rgb(129,155,212)
```
#90a6d9
```
#90a6d9 rgb(144,166,217)
```
#9eb2de
```
#9eb2de rgb(158,178,222)
```
#adbee3
```
#adbee3 rgb(173,190,227)
```
#bbc9e8
```
#bbc9e8 rgb(187,201,232)
```
#cad5ed
```
#cad5ed rgb(202,213,237)
```
#d8e0f2
```
#d8e0f2 rgb(216,224,242)
```
#e7ecf7
```
#e7ecf7 rgb(231,236,247)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#505154
```
#505154 rgb(80,81,84)
```
#4a4f5a
```
#4a4f5a rgb(74,79,90)
```
#434c61
```
#434c61 rgb(67,76,97)
```
#3d4a67
```
#3d4a67 rgb(61,74,103)
```
#37486d
```
#37486d rgb(55,72,109)
```
#304574
```
#304574 rgb(48,69,116)
```
#2a437a
```
#2a437a rgb(42,67,122)
```
#244180
```
#244180 rgb(36,65,128)
```
#1d3e87
```
#1d3e87 rgb(29,62,135)
```
#173c8d
```
#173c8d rgb(23,60,141)
```
#113a93
```
#113a93 rgb(17,58,147)
```
#0a379a
```
#0a379a rgb(10,55,154)
```
#0435a0
```
#0435a0 rgb(4,53,160)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3d424d Atypical Achromatopsia 0.001% of the population

Dichromacy

#354c80 Protanopia 1% of men
#244f7f Deuteranopia 1% of men
#19555b Tritanopia 0.001% of the population

Trichromacy

#31497e Protanomaly 1% of men, 0.01% of women
#264a7d Deuteranomaly 6% of men, 0.4% of women
#1f4e66 Tritanomaly 0.01% of the population

#2a437a hex color

#2a437a Color Information

#2a437a Color Conversion

Color Schemes with #2a437a

Alternatives to #2a437a

#2a437a Preview

Shades and Tints of #2a437a

Tones of #2a437a

Color Blindness Simulator