#2a416c hex color

In a RGB color space, hex #2a416c is composed of 16.5% red, 25.5% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 39.8% magenta, 0% yellow and 57.6% black. It has a hue angle of 219.1 degrees, a saturation of 44% and a lightness of 29.4%. #2a416c color hex could be obtained by blending #5482d8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 25
- B 42
RGB color chart
- C 61
- M 40
- Y 0
- K 58
CMYK color chart

● #2a416c color description : Very dark blue.

The hexadecimal color #2a416c has RGB values of R:42, G:65, B:108 and CMYK values of C:0.61, M:0.4, Y:0, K:0.58. Its decimal value is 2769260.

Hex triplet	2a416c	`#2a416c`
RGB Decimal	42, 65, 108	`rgb(42,65,108)`
RGB Percent	16.5, 25.5, 42.4	`rgb(16.5%,25.5%,42.4%)`
CMYK	61, 40, 0, 58
HSL	219.1°, 44, 29.4	`hsl(219.1,44%,29.4%)`
HSV (or HSB)	219.1°, 61.1, 42.4
Web Safe	333366	`#333366`

CIE-LAB	27.724, 5.53, -27.742
XYZ	5.551, 5.355, 14.928
xyY	0.215, 0.207, 5.355
CIE-LCH	27.724, 28.287, 281.273
CIE-LUV	27.724, -10.054, -35.85
Hunter-Lab	23.141, 2.322, -22.047
Binary	00101010, 01000001, 01101100

#2a416c
```
#2a416c rgb(42,65,108)
```
#6c552a
```
#6c552a rgb(108,85,42)
```

Complementary Color

#2a626c
```
#2a626c rgb(42,98,108)
```
#2a416c
```
#2a416c rgb(42,65,108)
```
#342a6c
```
#342a6c rgb(52,42,108)
```

Analogous Color

#626c2a
```
#626c2a rgb(98,108,42)
```
#2a416c
```
#2a416c rgb(42,65,108)
```
#6c342a
```
#6c342a rgb(108,52,42)
```

Split Complementary Color

#416c2a
```
#416c2a rgb(65,108,42)
```
#2a416c
```
#2a416c rgb(42,65,108)
```
#6c2a41
```
#6c2a41 rgb(108,42,65)
```

Triadic Color

#2a6c55
```
#2a6c55 rgb(42,108,85)
```
#2a416c
```
#2a416c rgb(42,65,108)
```
#6c2a41
```
#6c2a41 rgb(108,42,65)
```
#6c552a
```
#6c552a rgb(108,85,42)
```

Tetradic Color

#152035
```
#152035 rgb(21,32,53)
```
#1c2b47
```
#1c2b47 rgb(28,43,71)
```
#23365a
```
#23365a rgb(35,54,90)
```
#2a416c
```
#2a416c rgb(42,65,108)
```
#314c7e
```
#314c7e rgb(49,76,126)
```
#385791
```
#385791 rgb(56,87,145)
```
#3f62a3
```
#3f62a3 rgb(63,98,163)
```

Monochromatic Color

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

#2a526c
```
#2a526c rgb(42,82,108)
```
#2a4c6c
```
#2a4c6c rgb(42,76,108)
```
#2a466c
```
#2a466c rgb(42,70,108)
```
#2a416c
```
#2a416c rgb(42,65,108)
```
#2a3c6c
```
#2a3c6c rgb(42,60,108)
```
#2a366c
```
#2a366c rgb(42,54,108)
```
#2a316c
```
#2a316c rgb(42,49,108)
```

Similar Colors

Text with hexadecimal color #2a416c

This text has a font color of #2a416c.

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

#2a416c background color

This paragraph has a background color of #2a416c.

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

#2a416c border color

This element has a border color of #2a416c.

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

CSS codes

.text {color:#2a416c;}

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

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

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

#040509
```
#040509 rgb(4,5,9)
```
#090e17
```
#090e17 rgb(9,14,23)
```
#0f1725
```
#0f1725 rgb(15,23,37)
```
#141f34
```
#141f34 rgb(20,31,52)
```
#1a2842
```
#1a2842 rgb(26,40,66)
```
#1f3050
```
#1f3050 rgb(31,48,80)
```
#25395e
```
#25395e rgb(37,57,94)
```
#2a416c
```
#2a416c rgb(42,65,108)
```
#2f4a7a
```
#2f4a7a rgb(47,74,122)
```
#355288
```
#355288 rgb(53,82,136)
```
#3a5a96
```
#3a5a96 rgb(58,90,150)
```
#4063a4
```
#4063a4 rgb(64,99,164)
```
#456cb3
```
#456cb3 rgb(69,108,179)
```

Shade Color Variation

#5176bb
```
#5176bb rgb(81,118,187)
```
#5f81c1
```
#5f81c1 rgb(95,129,193)
```
#6d8cc6
```
#6d8cc6 rgb(109,140,198)
```
#7b97cc
```
#7b97cc rgb(123,151,204)
```
#89a2d1
```
#89a2d1 rgb(137,162,209)
```
#97add7
```
#97add7 rgb(151,173,215)
```
#a5b8dc
```
#a5b8dc rgb(165,184,220)
```
#b3c4e2
```
#b3c4e2 rgb(179,196,226)
```
#c2cfe7
```
#c2cfe7 rgb(194,207,231)
```
#d0daed
```
#d0daed rgb(208,218,237)
```
#dee5f2
```
#dee5f2 rgb(222,229,242)
```
#ecf0f8
```
#ecf0f8 rgb(236,240,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#474a4f
```
#474a4f rgb(71,74,79)
```
#414855
```
#414855 rgb(65,72,85)
```
#3b465b
```
#3b465b rgb(59,70,91)
```
#364460
```
#364460 rgb(54,68,96)
```
#304366
```
#304366 rgb(48,67,102)
```
#2a416c
```
#2a416c rgb(42,65,108)
```
#243f72
```
#243f72 rgb(36,63,114)
```
#1e3e78
```
#1e3e78 rgb(30,62,120)
```
#193c7d
```
#193c7d rgb(25,60,125)
```
#133a83
```
#133a83 rgb(19,58,131)
```
#0d3889
```
#0d3889 rgb(13,56,137)
```
#07378f
```
#07378f rgb(7,55,143)
```
#023594
```
#023594 rgb(2,53,148)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3b3f48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4972 Protanopia 1% of men
#314b73 Deuteranopia 1% of men
#255157 Tritanopia 0.001% of the population

Trichromacy

#344670 Protanomaly 1% of men, 0.01% of women
#2f4770 Deuteranomaly 6% of men, 0.4% of women
#274b5e Tritanomaly 0.01% of the population

#2a416c hex color

#2a416c Color Information

#2a416c Color Conversion

Color Schemes with #2a416c

Alternatives to #2a416c

#2a416c Preview

Shades and Tints of #2a416c

Tones of #2a416c

Color Blindness Simulator