#2a5142 hex color

In a RGB color space, hex #2a5142 is composed of 16.5% red, 31.8% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 0% magenta, 18.5% yellow and 68.2% black. It has a hue angle of 156.9 degrees, a saturation of 31.7% and a lightness of 24.1%. #2a5142 color hex could be obtained by blending #54a284 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 16
- G 32
- B 26
RGB color chart
- C 48
- M 0
- Y 19
- K 68
CMYK color chart

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

The hexadecimal color #2a5142 has RGB values of R:42, G:81, B:66 and CMYK values of C:0.48, M:0, Y:0.19, K:0.68. Its decimal value is 2773314.

Hex triplet	2a5142	`#2a5142`
RGB Decimal	42, 81, 66	`rgb(42,81,66)`
RGB Percent	16.5, 31.8, 25.9	`rgb(16.5%,31.8%,25.9%)`
CMYK	48, 0, 19, 68
HSL	156.9°, 31.7, 24.1	`hsl(156.9,31.7%,24.1%)`
HSV (or HSB)	156.9°, 48.1, 31.8
Web Safe	336633	`#336633`

CIE-LAB	31.278, -17.943, 4.555
XYZ	4.88, 6.77, 6.204
xyY	0.273, 0.379, 6.77
CIE-LCH	31.278, 18.512, 165.756
CIE-LUV	31.278, -16.965, 7.704
Hunter-Lab	26.02, -12.054, 4.078
Binary	00101010, 01010001, 01000010

#2a5142
```
#2a5142 rgb(42,81,66)
```
#512a39
```
#512a39 rgb(81,42,57)
```

Complementary Color

#2a512f
```
#2a512f rgb(42,81,47)
```
#2a5142
```
#2a5142 rgb(42,81,66)
```
#2a4d51
```
#2a4d51 rgb(42,77,81)
```

Analogous Color

#512f2a
```
#512f2a rgb(81,47,42)
```
#2a5142
```
#2a5142 rgb(42,81,66)
```
#512a4d
```
#512a4d rgb(81,42,77)
```

Split Complementary Color

#51422a
```
#51422a rgb(81,66,42)
```
#2a5142
```
#2a5142 rgb(42,81,66)
```
#422a51
```
#422a51 rgb(66,42,81)
```

Triadic Color

#39512a
```
#39512a rgb(57,81,42)
```
#2a5142
```
#2a5142 rgb(42,81,66)
```
#422a51
```
#422a51 rgb(66,42,81)
```
#512a39
```
#512a39 rgb(81,42,57)
```

Tetradic Color

#101f19
```
#101f19 rgb(16,31,25)
```
#192f27
```
#192f27 rgb(25,47,39)
```
#214034
```
#214034 rgb(33,64,52)
```
#2a5142
```
#2a5142 rgb(42,81,66)
```
#336250
```
#336250 rgb(51,98,80)
```
#3b735d
```
#3b735d rgb(59,115,93)
```
#44836b
```
#44836b rgb(68,131,107)
```

Monochromatic Color

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

#2a5138
```
#2a5138 rgb(42,81,56)
```
#2a513c
```
#2a513c rgb(42,81,60)
```
#2a513f
```
#2a513f rgb(42,81,63)
```
#2a5142
```
#2a5142 rgb(42,81,66)
```
#2a5145
```
#2a5145 rgb(42,81,69)
```
#2a5149
```
#2a5149 rgb(42,81,73)
```
#2a514c
```
#2a514c rgb(42,81,76)
```

Similar Colors

Text with hexadecimal color #2a5142

This text has a font color of #2a5142.

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

#2a5142 background color

This paragraph has a background color of #2a5142.

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

#2a5142 border color

This element has a border color of #2a5142.

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

CSS codes

.text {color:#2a5142;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#09100d
```
#09100d rgb(9,16,13)
```
#0f1d18
```
#0f1d18 rgb(15,29,24)
```
#162a22
```
#162a22 rgb(22,42,34)
```
#1d372d
```
#1d372d rgb(29,55,45)
```
#234437
```
#234437 rgb(35,68,55)
```
#2a5142
```
#2a5142 rgb(42,81,66)
```
#315e4d
```
#315e4d rgb(49,94,77)
```
#376b57
```
#376b57 rgb(55,107,87)
```
#3e7862
```
#3e7862 rgb(62,120,98)
```
#45856c
```
#45856c rgb(69,133,108)
```
#4b9277
```
#4b9277 rgb(75,146,119)
```
#529f81
```
#529f81 rgb(82,159,129)
```

Shade Color Variation

#5baa8b
```
#5baa8b rgb(91,170,139)
```
#67b094
```
#67b094 rgb(103,176,148)
```
#74b79d
```
#74b79d rgb(116,183,157)
```
#81bea7
```
#81bea7 rgb(129,190,167)
```
#8ec5b0
```
#8ec5b0 rgb(142,197,176)
```
#9bcbb9
```
#9bcbb9 rgb(155,203,185)
```
#a8d2c2
```
#a8d2c2 rgb(168,210,194)
```
#b5d9cb
```
#b5d9cb rgb(181,217,203)
```
#c2dfd4
```
#c2dfd4 rgb(194,223,212)
```
#cfe6dd
```
#cfe6dd rgb(207,230,221)
```
#dcede6
```
#dcede6 rgb(220,237,230)
```
#e9f3ef
```
#e9f3ef rgb(233,243,239)
```
#f6faf8
```
#f6faf8 rgb(246,250,248)
```

Tint Color Variation

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

#3d3e3e
```
#3d3e3e rgb(61,62,62)
```
#38433f
```
#38433f rgb(56,67,63)
```
#334840
```
#334840 rgb(51,72,64)
```
#2f4c41
```
#2f4c41 rgb(47,76,65)
```
#2a5142
```
#2a5142 rgb(42,81,66)
```
#255643
```
#255643 rgb(37,86,67)
```
#215a44
```
#215a44 rgb(33,90,68)
```
#1c5f45
```
#1c5f45 rgb(28,95,69)
```
#176446
```
#176446 rgb(23,100,70)
```
#126947
```
#126947 rgb(18,105,71)
```
#0e6d49
```
#0e6d49 rgb(14,109,73)
```
#09724a
```
#09724a rgb(9,114,74)
```
#04774b
```
#04774b rgb(4,119,75)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f4744 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565248 Protanopia 1% of men
#5c504f Deuteranopia 1% of men
#3a575d Tritanopia 0.001% of the population

Trichromacy

#465246 Protanomaly 1% of men, 0.01% of women
#49504a Deuteranomaly 6% of men, 0.4% of women
#345553 Tritanomaly 0.01% of the population

#2a5142 hex color

#2a5142 Color Information

#2a5142 Color Conversion

Color Schemes with #2a5142

Alternatives to #2a5142

#2a5142 Preview

Shades and Tints of #2a5142

Tones of #2a5142

Color Blindness Simulator