#2a396c hex color

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

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

● #2a396c color description : Very dark blue.

The hexadecimal color #2a396c has RGB values of R:42, G:57, B:108 and CMYK values of C:0.61, M:0.47, Y:0, K:0.58. Its decimal value is 2767212.

Hex triplet	2a396c	`#2a396c`
RGB Decimal	42, 57, 108	`rgb(42,57,108)`
RGB Percent	16.5, 22.4, 42.4	`rgb(16.5%,22.4%,42.4%)`
CMYK	61, 47, 0, 58
HSL	226.4°, 44, 29.4	`hsl(226.4,44%,29.4%)`
HSV (or HSB)	226.4°, 61.1, 42.4
Web Safe	333366	`#333366`

CIE-LAB	25.263, 11.028, -31.656
XYZ	5.124, 4.501, 14.785
xyY	0.21, 0.184, 4.501
CIE-LCH	25.263, 33.522, 289.208
CIE-LUV	25.263, -7.437, -40.097
Hunter-Lab	21.215, 5.986, -26.469
Binary	00101010, 00111001, 01101100

#2a396c
```
#2a396c rgb(42,57,108)
```
#6c5d2a
```
#6c5d2a rgb(108,93,42)
```

Complementary Color

#2a5a6c
```
#2a5a6c rgb(42,90,108)
```
#2a396c
```
#2a396c rgb(42,57,108)
```
#3c2a6c
```
#3c2a6c rgb(60,42,108)
```

Analogous Color

#5a6c2a
```
#5a6c2a rgb(90,108,42)
```
#2a396c
```
#2a396c rgb(42,57,108)
```
#6c3c2a
```
#6c3c2a rgb(108,60,42)
```

Split Complementary Color

#396c2a
```
#396c2a rgb(57,108,42)
```
#2a396c
```
#2a396c rgb(42,57,108)
```
#6c2a39
```
#6c2a39 rgb(108,42,57)
```

Triadic Color

#2a6c5d
```
#2a6c5d rgb(42,108,93)
```
#2a396c
```
#2a396c rgb(42,57,108)
```
#6c2a39
```
#6c2a39 rgb(108,42,57)
```
#6c5d2a
```
#6c5d2a rgb(108,93,42)
```

Tetradic Color

#151c35
```
#151c35 rgb(21,28,53)
```
#1c2647
```
#1c2647 rgb(28,38,71)
```
#232f5a
```
#232f5a rgb(35,47,90)
```
#2a396c
```
#2a396c rgb(42,57,108)
```
#31437e
```
#31437e rgb(49,67,126)
```
#384c91
```
#384c91 rgb(56,76,145)
```
#3f56a3
```
#3f56a3 rgb(63,86,163)
```

Monochromatic Color

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

#2a4a6c
```
#2a4a6c rgb(42,74,108)
```
#2a446c
```
#2a446c rgb(42,68,108)
```
#2a3f6c
```
#2a3f6c rgb(42,63,108)
```
#2a396c
```
#2a396c rgb(42,57,108)
```
#2a346c
```
#2a346c rgb(42,52,108)
```
#2a2e6c
```
#2a2e6c rgb(42,46,108)
```
#2c2a6c
```
#2c2a6c rgb(44,42,108)
```

Similar Colors

Text with hexadecimal color #2a396c

This text has a font color of #2a396c.

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

#2a396c background color

This paragraph has a background color of #2a396c.

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

#2a396c border color

This element has a border color of #2a396c.

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

CSS codes

.text {color:#2a396c;}

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

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

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)
```
#090c17
```
#090c17 rgb(9,12,23)
```
#0f1425
```
#0f1425 rgb(15,20,37)
```
#141b34
```
#141b34 rgb(20,27,52)
```
#1a2342
```
#1a2342 rgb(26,35,66)
```
#1f2a50
```
#1f2a50 rgb(31,42,80)
```
#25325e
```
#25325e rgb(37,50,94)
```
#2a396c
```
#2a396c rgb(42,57,108)
```
#2f407a
```
#2f407a rgb(47,64,122)
```
#354888
```
#354888 rgb(53,72,136)
```
#3a4f96
```
#3a4f96 rgb(58,79,150)
```
#4057a4
```
#4057a4 rgb(64,87,164)
```
#455eb3
```
#455eb3 rgb(69,94,179)
```

Shade Color Variation

#5169bb
```
#5169bb rgb(81,105,187)
```
#5f75c1
```
#5f75c1 rgb(95,117,193)
```
#6d81c6
```
#6d81c6 rgb(109,129,198)
```
#7b8dcc
```
#7b8dcc rgb(123,141,204)
```
#8999d1
```
#8999d1 rgb(137,153,209)
```
#97a6d7
```
#97a6d7 rgb(151,166,215)
```
#a5b2dc
```
#a5b2dc rgb(165,178,220)
```
#b3bee2
```
#b3bee2 rgb(179,190,226)
```
#c2cae7
```
#c2cae7 rgb(194,202,231)
```
#d0d6ed
```
#d0d6ed rgb(208,214,237)
```
#dee2f2
```
#dee2f2 rgb(222,226,242)
```
#eceff8
```
#eceff8 rgb(236,239,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#47494f
```
#47494f rgb(71,73,79)
```
#414655
```
#414655 rgb(65,70,85)
```
#3b425b
```
#3b425b rgb(59,66,91)
```
#363f60
```
#363f60 rgb(54,63,96)
```
#303c66
```
#303c66 rgb(48,60,102)
```
#2a396c
```
#2a396c rgb(42,57,108)
```
#243672
```
#243672 rgb(36,54,114)
```
#1e3378
```
#1e3378 rgb(30,51,120)
```
#19307d
```
#19307d rgb(25,48,125)
```
#132c83
```
#132c83 rgb(19,44,131)
```
#0d2989
```
#0d2989 rgb(13,41,137)
```
#07268f
```
#07268f rgb(7,38,143)
```
#022394
```
#022394 rgb(2,35,148)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#373a44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d4474 Protanopia 1% of men
#204672 Deuteranopia 1% of men
#224b51 Tritanopia 0.001% of the population

Trichromacy

#2c4071 Protanomaly 1% of men, 0.01% of women
#23416f Deuteranomaly 6% of men, 0.4% of women
#25445a Tritanomaly 0.01% of the population

#2a396c hex color

#2a396c Color Information

#2a396c Color Conversion

Color Schemes with #2a396c

Alternatives to #2a396c

#2a396c Preview

Shades and Tints of #2a396c

Tones of #2a396c

Color Blindness Simulator