#2a3d4e hex color

In a RGB color space, hex #2a3d4e is composed of 16.5% red, 23.9% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 21.8% magenta, 0% yellow and 69.4% black. It has a hue angle of 208.3 degrees, a saturation of 30% and a lightness of 23.5%. #2a3d4e color hex could be obtained by blending #547a9c with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 24
- B 31
RGB color chart
- C 46
- M 22
- Y 0
- K 69
CMYK color chart

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

The hexadecimal color #2a3d4e has RGB values of R:42, G:61, B:78 and CMYK values of C:0.46, M:0.22, Y:0, K:0.69. Its decimal value is 2768206.

Hex triplet	2a3d4e	`#2a3d4e`
RGB Decimal	42, 61, 78	`rgb(42,61,78)`
RGB Percent	16.5, 23.9, 30.6	`rgb(16.5%,23.9%,30.6%)`
CMYK	46, 22, 0, 69
HSL	208.3°, 30, 23.5	`hsl(208.3,30%,23.5%)`
HSV (or HSB)	208.3°, 46.2, 30.6
Web Safe	333366	`#333366`

CIE-LAB	24.889, -2.35, -12.714
XYZ	3.998, 4.38, 7.842
xyY	0.247, 0.27, 4.38
CIE-LCH	24.889, 12.929, 259.53
CIE-LUV	24.889, -8.499, -14.72
Hunter-Lab	20.928, -2.519, -7.568
Binary	00101010, 00111101, 01001110

#2a3d4e
```
#2a3d4e rgb(42,61,78)
```
#4e3b2a
```
#4e3b2a rgb(78,59,42)
```

Complementary Color

#2a4e4d
```
#2a4e4d rgb(42,78,77)
```
#2a3d4e
```
#2a3d4e rgb(42,61,78)
```
#2a2b4e
```
#2a2b4e rgb(42,43,78)
```

Analogous Color

#4e4d2a
```
#4e4d2a rgb(78,77,42)
```
#2a3d4e
```
#2a3d4e rgb(42,61,78)
```
#4e2a2b
```
#4e2a2b rgb(78,42,43)
```

Split Complementary Color

#3d4e2a
```
#3d4e2a rgb(61,78,42)
```
#2a3d4e
```
#2a3d4e rgb(42,61,78)
```
#4e2a3d
```
#4e2a3d rgb(78,42,61)
```

Triadic Color

#2a4e3b
```
#2a4e3b rgb(42,78,59)
```
#2a3d4e
```
#2a3d4e rgb(42,61,78)
```
#4e2a3d
```
#4e2a3d rgb(78,42,61)
```
#4e3b2a
```
#4e3b2a rgb(78,59,42)
```

Tetradic Color

#0f161c
```
#0f161c rgb(15,22,28)
```
#18232d
```
#18232d rgb(24,35,45)
```
#21303d
```
#21303d rgb(33,48,61)
```
#2a3d4e
```
#2a3d4e rgb(42,61,78)
```
#334a5f
```
#334a5f rgb(51,74,95)
```
#3c576f
```
#3c576f rgb(60,87,111)
```
#456480
```
#456480 rgb(69,100,128)
```

Monochromatic Color

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

#2a464e
```
#2a464e rgb(42,70,78)
```
#2a434e
```
#2a434e rgb(42,67,78)
```
#2a404e
```
#2a404e rgb(42,64,78)
```
#2a3d4e
```
#2a3d4e rgb(42,61,78)
```
#2a3a4e
```
#2a3a4e rgb(42,58,78)
```
#2a374e
```
#2a374e rgb(42,55,78)
```
#2a344e
```
#2a344e rgb(42,52,78)
```

Similar Colors

Text with hexadecimal color #2a3d4e

This text has a font color of #2a3d4e.

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

#2a3d4e background color

This paragraph has a background color of #2a3d4e.

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

#2a3d4e border color

This element has a border color of #2a3d4e.

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

CSS codes

.text {color:#2a3d4e;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080b0e
```
#080b0e rgb(8,11,14)
```
#0f151b
```
#0f151b rgb(15,21,27)
```
#151f28
```
#151f28 rgb(21,31,40)
```
#1c2935
```
#1c2935 rgb(28,41,53)
```
#233341
```
#233341 rgb(35,51,65)
```
#2a3d4e
```
#2a3d4e rgb(42,61,78)
```
#31475b
```
#31475b rgb(49,71,91)
```
#385168
```
#385168 rgb(56,81,104)
```
#3f5b74
```
#3f5b74 rgb(63,91,116)
```
#456581
```
#456581 rgb(69,101,129)
```
#4c6f8e
```
#4c6f8e rgb(76,111,142)
```
#53799b
```
#53799b rgb(83,121,155)
```

Shade Color Variation

#5b83a7
```
#5b83a7 rgb(91,131,167)
```
#688cad
```
#688cad rgb(104,140,173)
```
#7496b4
```
#7496b4 rgb(116,150,180)
```
#81a0bb
```
#81a0bb rgb(129,160,187)
```
#8ea9c2
```
#8ea9c2 rgb(142,169,194)
```
#9bb3c9
```
#9bb3c9 rgb(155,179,201)
```
#a7bdd0
```
#a7bdd0 rgb(167,189,208)
```
#b4c6d7
```
#b4c6d7 rgb(180,198,215)
```
#c1d0dd
```
#c1d0dd rgb(193,208,221)
```
#cedae4
```
#cedae4 rgb(206,218,228)
```
#dae3eb
```
#dae3eb rgb(218,227,235)
```
#e7edf2
```
#e7edf2 rgb(231,237,242)
```
#f4f6f9
```
#f4f6f9 rgb(244,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #383c40 is the less saturated color, while #003f78 is the most saturated one.

#383c40
```
#383c40 rgb(56,60,64)
```
#333c45
```
#333c45 rgb(51,60,69)
```
#2f3d49
```
#2f3d49 rgb(47,61,73)
```
#2a3d4e
```
#2a3d4e rgb(42,61,78)
```
#253d53
```
#253d53 rgb(37,61,83)
```
#213e57
```
#213e57 rgb(33,62,87)
```
#1c3e5c
```
#1c3e5c rgb(28,62,92)
```
#183e60
```
#183e60 rgb(24,62,96)
```
#133e65
```
#133e65 rgb(19,62,101)
```
#0e3f6a
```
#0e3f6a rgb(14,63,106)
```
#0a3f6e
```
#0a3f6e rgb(10,63,110)
```
#053f73
```
#053f73 rgb(5,63,115)
```
#003f78
```
#003f78 rgb(0,63,120)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#363a3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#404455 Protanopia 1% of men
#404458 Deuteranopia 1% of men
#31484e Tritanopia 0.001% of the population

Trichromacy

#384152 Protanomaly 1% of men, 0.01% of women
#384154 Deuteranomaly 6% of men, 0.4% of women
#2f444e Tritanomaly 0.01% of the population

#2a3d4e hex color

#2a3d4e Color Information

#2a3d4e Color Conversion

Color Schemes with #2a3d4e

Alternatives to #2a3d4e

#2a3d4e Preview

Shades and Tints of #2a3d4e

Tones of #2a3d4e

Color Blindness Simulator