#2a4240 hex color

In a RGB color space, hex #2a4240 is composed of 16.5% red, 25.9% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 0% magenta, 3% yellow and 74.1% black. It has a hue angle of 175 degrees, a saturation of 22.2% and a lightness of 21.2%. #2a4240 color hex could be obtained by blending #548480 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 16
- G 26
- B 25
RGB color chart
- C 36
- M 0
- Y 3
- K 74
CMYK color chart

● #2a4240 color description : Very dark desaturated cyan.

The hexadecimal color #2a4240 has RGB values of R:42, G:66, B:64 and CMYK values of C:0.36, M:0, Y:0.03, K:0.74. Its decimal value is 2769472.

Hex triplet	2a4240	`#2a4240`
RGB Decimal	42, 66, 64	`rgb(42,66,64)`
RGB Percent	16.5, 25.9, 25.1	`rgb(16.5%,25.9%,25.1%)`
CMYK	36, 0, 3, 74
HSL	175°, 22.2, 21.2	`hsl(175,22.2%,21.2%)`
HSV (or HSB)	175°, 36.4, 25.9
Web Safe	333333	`#333333`

CIE-LAB	26.036, -9.797, -1.755
XYZ	3.828, 4.759, 5.567
xyY	0.27, 0.336, 4.759
CIE-LCH	26.036, 9.953, 190.157
CIE-LUV	26.036, -10.57, -0.797
Hunter-Lab	21.814, -6.85, 0.139
Binary	00101010, 01000010, 01000000

#2a4240
```
#2a4240 rgb(42,66,64)
```
#422a2c
```
#422a2c rgb(66,42,44)
```

Complementary Color

#2a4234
```
#2a4234 rgb(42,66,52)
```
#2a4240
```
#2a4240 rgb(42,66,64)
```
#2a3842
```
#2a3842 rgb(42,56,66)
```

Analogous Color

#42342a
```
#42342a rgb(66,52,42)
```
#2a4240
```
#2a4240 rgb(42,66,64)
```
#422a38
```
#422a38 rgb(66,42,56)
```

Split Complementary Color

#42402a
```
#42402a rgb(66,64,42)
```
#2a4240
```
#2a4240 rgb(42,66,64)
```
#402a42
```
#402a42 rgb(64,42,66)
```

Triadic Color

#2c422a
```
#2c422a rgb(44,66,42)
```
#2a4240
```
#2a4240 rgb(42,66,64)
```
#402a42
```
#402a42 rgb(64,42,66)
```
#422a2c
```
#422a2c rgb(66,42,44)
```

Tetradic Color

#0c1313
```
#0c1313 rgb(12,19,19)
```
#162322
```
#162322 rgb(22,35,34)
```
#203231
```
#203231 rgb(32,50,49)
```
#2a4240
```
#2a4240 rgb(42,66,64)
```
#34524f
```
#34524f rgb(52,82,79)
```
#3e615e
```
#3e615e rgb(62,97,94)
```
#48716d
```
#48716d rgb(72,113,109)
```

Monochromatic Color

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

#2a423a
```
#2a423a rgb(42,66,58)
```
#2a423c
```
#2a423c rgb(42,66,60)
```
#2a423e
```
#2a423e rgb(42,66,62)
```
#2a4240
```
#2a4240 rgb(42,66,64)
```
#2a4242
```
#2a4242 rgb(42,66,66)
```
#2a4042
```
#2a4042 rgb(42,64,66)
```
#2a3e42
```
#2a3e42 rgb(42,62,66)
```

Similar Colors

Text with hexadecimal color #2a4240

This text has a font color of #2a4240.

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

#2a4240 background color

This paragraph has a background color of #2a4240.

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

#2a4240 border color

This element has a border color of #2a4240.

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

CSS codes

.text {color:#2a4240;}

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

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0b1212
```
#0b1212 rgb(11,18,18)
```
#131e1d
```
#131e1d rgb(19,30,29)
```
#1b2a29
```
#1b2a29 rgb(27,42,41)
```
#223634
```
#223634 rgb(34,54,52)
```
#2a4240
```
#2a4240 rgb(42,66,64)
```
#324e4c
```
#324e4c rgb(50,78,76)
```
#395a57
```
#395a57 rgb(57,90,87)
```
#416663
```
#416663 rgb(65,102,99)
```
#49726e
```
#49726e rgb(73,114,110)
```
#507e7a
```
#507e7a rgb(80,126,122)
```
#588a86
```
#588a86 rgb(88,138,134)
```
#5f9691
```
#5f9691 rgb(95,150,145)
```

Shade Color Variation

#69a09b
```
#69a09b rgb(105,160,155)
```
#75a7a3
```
#75a7a3 rgb(117,167,163)
```
#81afab
```
#81afab rgb(129,175,171)
```
#8db7b3
```
#8db7b3 rgb(141,183,179)
```
#99bebb
```
#99bebb rgb(153,190,187)
```
#a5c6c3
```
#a5c6c3 rgb(165,198,195)
```
#b1cdcb
```
#b1cdcb rgb(177,205,203)
```
#bdd5d3
```
#bdd5d3 rgb(189,213,211)
```
#c9dddb
```
#c9dddb rgb(201,221,219)
```
#d5e4e3
```
#d5e4e3 rgb(213,228,227)
```
#e1eceb
```
#e1eceb rgb(225,236,235)
```
#edf4f3
```
#edf4f3 rgb(237,244,243)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #323a39 is the less saturated color, while #006c63 is the most saturated one.

#323a39
```
#323a39 rgb(50,58,57)
```
#2e3e3d
```
#2e3e3d rgb(46,62,61)
```
#2a4240
```
#2a4240 rgb(42,66,64)
```
#264643
```
#264643 rgb(38,70,67)
```
#224a47
```
#224a47 rgb(34,74,71)
```
#1e4e4a
```
#1e4e4a rgb(30,78,74)
```
#19534e
```
#19534e rgb(25,83,78)
```
#155751
```
#155751 rgb(21,87,81)
```
#115b55
```
#115b55 rgb(17,91,85)
```
#0d5f58
```
#0d5f58 rgb(13,95,88)
```
#09635c
```
#09635c rgb(9,99,92)
```
#05675f
```
#05675f rgb(5,103,95)
```
#006c63
```
#006c63 rgb(0,108,99)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#383c3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#484747 Protanopia 1% of men
#4c454c Deuteranopia 1% of men
#364a50 Tritanopia 0.001% of the population

Trichromacy

#3d4544 Protanomaly 1% of men, 0.01% of women
#3f4447 Deuteranomaly 6% of men, 0.4% of women
#32474a Tritanomaly 0.01% of the population

#2a4240 hex color

#2a4240 Color Information

#2a4240 Color Conversion

Color Schemes with #2a4240

Alternatives to #2a4240

#2a4240 Preview

Shades and Tints of #2a4240

Tones of #2a4240

Color Blindness Simulator