#2a3344 hex color

In a RGB color space, hex #2a3344 is composed of 16.5% red, 20% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 25% magenta, 0% yellow and 73.3% black. It has a hue angle of 219.2 degrees, a saturation of 23.6% and a lightness of 21.6%. #2a3344 color hex could be obtained by blending #546688 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 16
- G 20
- B 27
RGB color chart
- C 38
- M 25
- Y 0
- K 73
CMYK color chart

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

The hexadecimal color #2a3344 has RGB values of R:42, G:51, B:68 and CMYK values of C:0.38, M:0.25, Y:0, K:0.73. Its decimal value is 2765636.

Hex triplet	2a3344	`#2a3344`
RGB Decimal	42, 51, 68	`rgb(42,51,68)`
RGB Percent	16.5, 20, 26.7	`rgb(16.5%,20%,26.7%)`
CMYK	38, 25, 0, 73
HSL	219.2°, 23.6, 21.6	`hsl(219.2,23.6%,21.6%)`
HSV (or HSB)	219.2°, 38.2, 26.7
Web Safe	333333	`#333333`

CIE-LAB	21.121, 1.139, -11.823
XYZ	3.182, 3.277, 5.933
xyY	0.257, 0.264, 3.277
CIE-LCH	21.121, 11.877, 275.503
CIE-LUV	21.121, -4.498, -13.132
Hunter-Lab	18.103, -0.306, -6.761
Binary	00101010, 00110011, 01000100

#2a3344
```
#2a3344 rgb(42,51,68)
```
#443b2a
```
#443b2a rgb(68,59,42)
```

Complementary Color

#2a4044
```
#2a4044 rgb(42,64,68)
```
#2a3344
```
#2a3344 rgb(42,51,68)
```
#2e2a44
```
#2e2a44 rgb(46,42,68)
```

Analogous Color

#40442a
```
#40442a rgb(64,68,42)
```
#2a3344
```
#2a3344 rgb(42,51,68)
```
#442e2a
```
#442e2a rgb(68,46,42)
```

Split Complementary Color

#33442a
```
#33442a rgb(51,68,42)
```
#2a3344
```
#2a3344 rgb(42,51,68)
```
#442a33
```
#442a33 rgb(68,42,51)
```

Triadic Color

#2a443b
```
#2a443b rgb(42,68,59)
```
#2a3344
```
#2a3344 rgb(42,51,68)
```
#442a33
```
#442a33 rgb(68,42,51)
```
#443b2a
```
#443b2a rgb(68,59,42)
```

Tetradic Color

#0d1015
```
#0d1015 rgb(13,16,21)
```
#171b24
```
#171b24 rgb(23,27,36)
```
#202734
```
#202734 rgb(32,39,52)
```
#2a3344
```
#2a3344 rgb(42,51,68)
```
#343f54
```
#343f54 rgb(52,63,84)
```
#3d4b64
```
#3d4b64 rgb(61,75,100)
```
#475673
```
#475673 rgb(71,86,115)
```

Monochromatic Color

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

#2a3a44
```
#2a3a44 rgb(42,58,68)
```
#2a3744
```
#2a3744 rgb(42,55,68)
```
#2a3544
```
#2a3544 rgb(42,53,68)
```
#2a3344
```
#2a3344 rgb(42,51,68)
```
#2a3144
```
#2a3144 rgb(42,49,68)
```
#2a2f44
```
#2a2f44 rgb(42,47,68)
```
#2a2d44
```
#2a2d44 rgb(42,45,68)
```

Similar Colors

Text with hexadecimal color #2a3344

This text has a font color of #2a3344.

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

#2a3344 background color

This paragraph has a background color of #2a3344.

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

#2a3344 border color

This element has a border color of #2a3344.

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

CSS codes

.text {color:#2a3344;}

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

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

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

#050607
```
#050607 rgb(5,6,7)
```
#0c0f13
```
#0c0f13 rgb(12,15,19)
```
#141820
```
#141820 rgb(20,24,32)
```
#1b212c
```
#1b212c rgb(27,33,44)
```
#232a38
```
#232a38 rgb(35,42,56)
```
#2a3344
```
#2a3344 rgb(42,51,68)
```
#313c50
```
#313c50 rgb(49,60,80)
```
#39455c
```
#39455c rgb(57,69,92)
```
#404e68
```
#404e68 rgb(64,78,104)
```
#485775
```
#485775 rgb(72,87,117)
```
#4f6081
```
#4f6081 rgb(79,96,129)
```
#576a8d
```
#576a8d rgb(87,106,141)
```
#5e7399
```
#5e7399 rgb(94,115,153)
```

Shade Color Variation

#697da2
```
#697da2 rgb(105,125,162)
```
#7587aa
```
#7587aa rgb(117,135,170)
```
#8192b1
```
#8192b1 rgb(129,146,177)
```
#8d9cb9
```
#8d9cb9 rgb(141,156,185)
```
#99a7c0
```
#99a7c0 rgb(153,167,192)
```
#a5b1c8
```
#a5b1c8 rgb(165,177,200)
```
#b1bccf
```
#b1bccf rgb(177,188,207)
```
#bec6d7
```
#bec6d7 rgb(190,198,215)
```
#cad1de
```
#cad1de rgb(202,209,222)
```
#d6dbe6
```
#d6dbe6 rgb(214,219,230)
```
#e2e6ed
```
#e2e6ed rgb(226,230,237)
```
#eef0f5
```
#eef0f5 rgb(238,240,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#373737
```
#373737 rgb(55,55,55)
```
#32363c
```
#32363c rgb(50,54,60)
```
#2e3440
```
#2e3440 rgb(46,52,64)
```
#2a3344
```
#2a3344 rgb(42,51,68)
```
#263248
```
#263248 rgb(38,50,72)
```
#22304c
```
#22304c rgb(34,48,76)
```
#1d2f51
```
#1d2f51 rgb(29,47,81)
```
#192e55
```
#192e55 rgb(25,46,85)
```
#152c59
```
#152c59 rgb(21,44,89)
```
#112b5d
```
#112b5d rgb(17,43,93)
```
#0c2a62
```
#0c2a62 rgb(12,42,98)
```
#082966
```
#082966 rgb(8,41,102)
```
#04276a
```
#04276a rgb(4,39,106)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#303236 Atypical Achromatopsia 0.001% of the population

Dichromacy

#383c4d Protanopia 1% of men
#393c4e Deuteranopia 1% of men
#323f44 Tritanopia 0.001% of the population

Trichromacy

#333949 Protanomaly 1% of men, 0.01% of women
#33394a Deuteranomaly 6% of men, 0.4% of women
#2f3a44 Tritanomaly 0.01% of the population

#2a3344 hex color

#2a3344 Color Information

#2a3344 Color Conversion

Color Schemes with #2a3344

Alternatives to #2a3344

#2a3344 Preview

Shades and Tints of #2a3344

Tones of #2a3344

Color Blindness Simulator