#2a5644 hex color

In a RGB color space, hex #2a5644 is composed of 16.5% red, 33.7% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 0% magenta, 20.9% yellow and 66.3% black. It has a hue angle of 155.5 degrees, a saturation of 34.4% and a lightness of 25.1%. #2a5644 color hex could be obtained by blending #54ac88 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 16
- G 34
- B 27
RGB color chart
- C 51
- M 0
- Y 21
- K 66
CMYK color chart

● #2a5644 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2a5644 has RGB values of R:42, G:86, B:68 and CMYK values of C:0.51, M:0, Y:0.21, K:0.66. Its decimal value is 2774596.

Hex triplet	2a5644	`#2a5644`
RGB Decimal	42, 86, 68	`rgb(42,86,68)`
RGB Percent	16.5, 33.7, 26.7	`rgb(16.5%,33.7%,26.7%)`
CMYK	51, 0, 21, 66
HSL	155.5°, 34.4, 25.1	`hsl(155.5,34.4%,25.1%)`
HSV (or HSB)	155.5°, 51.2, 33.7
Web Safe	336633	`#336633`

CIE-LAB	33.06, -20.134, 5.831
XYZ	5.326, 7.565, 6.648
xyY	0.273, 0.387, 7.565
CIE-LCH	33.06, 20.962, 163.848
CIE-LUV	33.06, -19.038, 9.62
Hunter-Lab	27.504, -13.569, 4.922
Binary	00101010, 01010110, 01000100

#2a5644
```
#2a5644 rgb(42,86,68)
```
#562a3c
```
#562a3c rgb(86,42,60)
```

Complementary Color

#2a562e
```
#2a562e rgb(42,86,46)
```
#2a5644
```
#2a5644 rgb(42,86,68)
```
#2a5256
```
#2a5256 rgb(42,82,86)
```

Analogous Color

#562e2a
```
#562e2a rgb(86,46,42)
```
#2a5644
```
#2a5644 rgb(42,86,68)
```
#562a52
```
#562a52 rgb(86,42,82)
```

Split Complementary Color

#56442a
```
#56442a rgb(86,68,42)
```
#2a5644
```
#2a5644 rgb(42,86,68)
```
#442a56
```
#442a56 rgb(68,42,86)
```

Triadic Color

#3c562a
```
#3c562a rgb(60,86,42)
```
#2a5644
```
#2a5644 rgb(42,86,68)
```
#442a56
```
#442a56 rgb(68,42,86)
```
#562a3c
```
#562a3c rgb(86,42,60)
```

Tetradic Color

#11231b
```
#11231b rgb(17,35,27)
```
#193429
```
#193429 rgb(25,52,41)
```
#224536
```
#224536 rgb(34,69,54)
```
#2a5644
```
#2a5644 rgb(42,86,68)
```
#326752
```
#326752 rgb(50,103,82)
```
#3b785f
```
#3b785f rgb(59,120,95)
```
#43896d
```
#43896d rgb(67,137,109)
```

Monochromatic Color

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

#2a5639
```
#2a5639 rgb(42,86,57)
```
#2a563d
```
#2a563d rgb(42,86,61)
```
#2a5640
```
#2a5640 rgb(42,86,64)
```
#2a5644
```
#2a5644 rgb(42,86,68)
```
#2a5648
```
#2a5648 rgb(42,86,72)
```
#2a564b
```
#2a564b rgb(42,86,75)
```
#2a564f
```
#2a564f rgb(42,86,79)
```

Similar Colors

Text with hexadecimal color #2a5644

This text has a font color of #2a5644.

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

#2a5644 background color

This paragraph has a background color of #2a5644.

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

#2a5644 border color

This element has a border color of #2a5644.

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

CSS codes

.text {color:#2a5644;}

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

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

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

#030705
```
#030705 rgb(3,7,5)
```
#0a1410
```
#0a1410 rgb(10,20,16)
```
#10211a
```
#10211a rgb(16,33,26)
```
#172e25
```
#172e25 rgb(23,46,37)
```
#1d3c2f
```
#1d3c2f rgb(29,60,47)
```
#24493a
```
#24493a rgb(36,73,58)
```
#2a5644
```
#2a5644 rgb(42,86,68)
```
#30634e
```
#30634e rgb(48,99,78)
```
#377059
```
#377059 rgb(55,112,89)
```
#3d7e63
```
#3d7e63 rgb(61,126,99)
```
#448b6e
```
#448b6e rgb(68,139,110)
```
#4a9878
```
#4a9878 rgb(74,152,120)
```
#51a583
```
#51a583 rgb(81,165,131)
```

Shade Color Variation

#5baf8c
```
#5baf8c rgb(91,175,140)
```
#68b595
```
#68b595 rgb(104,181,149)
```
#75bc9f
```
#75bc9f rgb(117,188,159)
```
#82c2a8
```
#82c2a8 rgb(130,194,168)
```
#8fc8b1
```
#8fc8b1 rgb(143,200,177)
```
#9ccfba
```
#9ccfba rgb(156,207,186)
```
#aad5c3
```
#aad5c3 rgb(170,213,195)
```
#b7dccd
```
#b7dccd rgb(183,220,205)
```
#c4e2d6
```
#c4e2d6 rgb(196,226,214)
```
#d1e9df
```
#d1e9df rgb(209,233,223)
```
#deefe8
```
#deefe8 rgb(222,239,232)
```
#ecf6f1
```
#ecf6f1 rgb(236,246,241)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e4240 is the less saturated color, while #037d4b is the most saturated one.

#3e4240
```
#3e4240 rgb(62,66,64)
```
#394741
```
#394741 rgb(57,71,65)
```
#344c42
```
#344c42 rgb(52,76,66)
```
#2f5143
```
#2f5143 rgb(47,81,67)
```
#2a5644
```
#2a5644 rgb(42,86,68)
```
#255b45
```
#255b45 rgb(37,91,69)
```
#206046
```
#206046 rgb(32,96,70)
```
#1b6547
```
#1b6547 rgb(27,101,71)
```
#166a48
```
#166a48 rgb(22,106,72)
```
#116f48
```
#116f48 rgb(17,111,72)
```
#0c7449
```
#0c7449 rgb(12,116,73)
```
#08784a
```
#08784a rgb(8,120,74)
```
#037d4b
```
#037d4b rgb(3,125,75)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#414a46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5649 Protanopia 1% of men
#615451 Deuteranopia 1% of men
#3b5b62 Tritanopia 0.001% of the population

Trichromacy

#495647 Protanomaly 1% of men, 0.01% of women
#4d544c Deuteranomaly 6% of men, 0.4% of women
#355957 Tritanomaly 0.01% of the population

#2a5644 hex color

#2a5644 Color Information

#2a5644 Color Conversion

Color Schemes with #2a5644

Alternatives to #2a5644

#2a5644 Preview

Shades and Tints of #2a5644

Tones of #2a5644

Color Blindness Simulator