#2a4c66 hex color

In a RGB color space, hex #2a4c66 is composed of 16.5% red, 29.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 25.5% magenta, 0% yellow and 60% black. It has a hue angle of 206 degrees, a saturation of 41.7% and a lightness of 28.2%. #2a4c66 color hex could be obtained by blending #5498cc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 30
- B 40
RGB color chart
- C 59
- M 25
- Y 0
- K 60
CMYK color chart

● #2a4c66 color description : Very dark desaturated blue.

The hexadecimal color #2a4c66 has RGB values of R:42, G:76, B:102 and CMYK values of C:0.59, M:0.25, Y:0, K:0.6. Its decimal value is 2772070.

Hex triplet	2a4c66	`#2a4c66`
RGB Decimal	42, 76, 102	`rgb(42,76,102)`
RGB Percent	16.5, 29.8, 40	`rgb(16.5%,29.8%,40%)`
CMYK	59, 25, 0, 60
HSL	206°, 41.7, 28.2	`hsl(206,41.7%,28.2%)`
HSV (or HSB)	206°, 58.8, 40
Web Safe	333366	`#333366`

CIE-LAB	30.926, -3.88, -18.907
XYZ	5.937, 6.62, 13.535
xyY	0.228, 0.254, 6.62
CIE-LCH	30.926, 19.301, 258.404
CIE-LUV	30.926, -14.074, -24.045
Hunter-Lab	25.729, -3.838, -13.178
Binary	00101010, 01001100, 01100110

#2a4c66
```
#2a4c66 rgb(42,76,102)
```
#66442a
```
#66442a rgb(102,68,42)
```

Complementary Color

#2a6662
```
#2a6662 rgb(42,102,98)
```
#2a4c66
```
#2a4c66 rgb(42,76,102)
```
#2a2e66
```
#2a2e66 rgb(42,46,102)
```

Analogous Color

#66622a
```
#66622a rgb(102,98,42)
```
#2a4c66
```
#2a4c66 rgb(42,76,102)
```
#662a2e
```
#662a2e rgb(102,42,46)
```

Split Complementary Color

#4c662a
```
#4c662a rgb(76,102,42)
```
#2a4c66
```
#2a4c66 rgb(42,76,102)
```
#662a4c
```
#662a4c rgb(102,42,76)
```

Triadic Color

#2a6644
```
#2a6644 rgb(42,102,68)
```
#2a4c66
```
#2a4c66 rgb(42,76,102)
```
#662a4c
```
#662a4c rgb(102,42,76)
```
#66442a
```
#66442a rgb(102,68,42)
```

Tetradic Color

#142430
```
#142430 rgb(20,36,48)
```
#1b3142
```
#1b3142 rgb(27,49,66)
```
#233f54
```
#233f54 rgb(35,63,84)
```
#2a4c66
```
#2a4c66 rgb(42,76,102)
```
#315978
```
#315978 rgb(49,89,120)
```
#39678a
```
#39678a rgb(57,103,138)
```
#40749c
```
#40749c rgb(64,116,156)
```

Monochromatic Color

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

#2a5b66
```
#2a5b66 rgb(42,91,102)
```
#2a5666
```
#2a5666 rgb(42,86,102)
```
#2a5166
```
#2a5166 rgb(42,81,102)
```
#2a4c66
```
#2a4c66 rgb(42,76,102)
```
#2a4766
```
#2a4766 rgb(42,71,102)
```
#2a4266
```
#2a4266 rgb(42,66,102)
```
#2a3d66
```
#2a3d66 rgb(42,61,102)
```

Similar Colors

Text with hexadecimal color #2a4c66

This text has a font color of #2a4c66.

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

#2a4c66 background color

This paragraph has a background color of #2a4c66.

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

#2a4c66 border color

This element has a border color of #2a4c66.

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

CSS codes

.text {color:#2a4c66;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080e13
```
#080e13 rgb(8,14,19)
```
#0d1821
```
#0d1821 rgb(13,24,33)
```
#13232e
```
#13232e rgb(19,35,46)
```
#192d3c
```
#192d3c rgb(25,45,60)
```
#1f374a
```
#1f374a rgb(31,55,74)
```
#244258
```
#244258 rgb(36,66,88)
```
#2a4c66
```
#2a4c66 rgb(42,76,102)
```
#305674
```
#305674 rgb(48,86,116)
```
#356182
```
#356182 rgb(53,97,130)
```
#3b6b90
```
#3b6b90 rgb(59,107,144)
```
#41759e
```
#41759e rgb(65,117,158)
```
#4780ab
```
#4780ab rgb(71,128,171)
```

Shade Color Variation

#4f8ab7
```
#4f8ab7 rgb(79,138,183)
```
#5d93bc
```
#5d93bc rgb(93,147,188)
```
#6b9cc2
```
#6b9cc2 rgb(107,156,194)
```
#79a6c8
```
#79a6c8 rgb(121,166,200)
```
#87afcd
```
#87afcd rgb(135,175,205)
```
#95b8d3
```
#95b8d3 rgb(149,184,211)
```
#a2c1d9
```
#a2c1d9 rgb(162,193,217)
```
#b0cbdf
```
#b0cbdf rgb(176,203,223)
```
#bed4e4
```
#bed4e4 rgb(190,212,228)
```
#ccddea
```
#ccddea rgb(204,221,234)
```
#dae6f0
```
#dae6f0 rgb(218,230,240)
```
#e8f0f6
```
#e8f0f6 rgb(232,240,246)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#46484a
```
#46484a rgb(70,72,74)
```
#404950
```
#404950 rgb(64,73,80)
```
#3b4a55
```
#3b4a55 rgb(59,74,85)
```
#354b5b
```
#354b5b rgb(53,75,91)
```
#304b60
```
#304b60 rgb(48,75,96)
```
#2a4c66
```
#2a4c66 rgb(42,76,102)
```
#244d6c
```
#244d6c rgb(36,77,108)
```
#1f4d71
```
#1f4d71 rgb(31,77,113)
```
#194e77
```
#194e77 rgb(25,78,119)
```
#144f7c
```
#144f7c rgb(20,79,124)
```
#0e5082
```
#0e5082 rgb(14,80,130)
```
#095087
```
#095087 rgb(9,80,135)
```
#03518d
```
#03518d rgb(3,81,141)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#40464c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a516b Protanopia 1% of men
#47516f Deuteranopia 1% of men
#2d585e Tritanopia 0.001% of the population

Trichromacy

#3e4f69 Protanomaly 1% of men, 0.01% of women
#3c4f6c Deuteranomaly 6% of men, 0.4% of women
#2c5361 Tritanomaly 0.01% of the population

#2a4c66 hex color

#2a4c66 Color Information

#2a4c66 Color Conversion

Color Schemes with #2a4c66

Alternatives to #2a4c66

#2a4c66 Preview

Shades and Tints of #2a4c66

Tones of #2a4c66

Color Blindness Simulator