#2a836a hex color

In a RGB color space, hex #2a836a is composed of 16.5% red, 51.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 0% magenta, 19.1% yellow and 48.6% black. It has a hue angle of 163.1 degrees, a saturation of 51.4% and a lightness of 33.9%. #2a836a color hex could be obtained by blending #54ffd4 with #000700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 16
- G 51
- B 42
RGB color chart
- C 68
- M 0
- Y 19
- K 49
CMYK color chart

● #2a836a color description : Dark moderate cyan - lime green.

The hexadecimal color #2a836a has RGB values of R:42, G:131, B:106 and CMYK values of C:0.68, M:0, Y:0.19, K:0.49. Its decimal value is 2786154.

Hex triplet	2a836a	`#2a836a`
RGB Decimal	42, 131, 106	`rgb(42,131,106)`
RGB Percent	16.5, 51.4, 41.6	`rgb(16.5%,51.4%,41.6%)`
CMYK	68, 0, 19, 49
HSL	163.1°, 51.4, 33.9	`hsl(163.1,51.4%,33.9%)`
HSV (or HSB)	163.1°, 67.9, 51.4
Web Safe	339966	`#339966`

CIE-LAB	49.209, -32.549, 5.912
XYZ	11.672, 17.764, 16.449
xyY	0.254, 0.387, 17.764
CIE-LCH	49.209, 33.082, 169.705
CIE-LUV	49.209, -35.362, 12.711
Hunter-Lab	42.148, -24.328, 6.365
Binary	00101010, 10000011, 01101010

#2a836a
```
#2a836a rgb(42,131,106)
```
#832a43
```
#832a43 rgb(131,42,67)
```

Complementary Color

#2a833e
```
#2a833e rgb(42,131,62)
```
#2a836a
```
#2a836a rgb(42,131,106)
```
#2a7083
```
#2a7083 rgb(42,112,131)
```

Analogous Color

#833e2a
```
#833e2a rgb(131,62,42)
```
#2a836a
```
#2a836a rgb(42,131,106)
```
#832a70
```
#832a70 rgb(131,42,112)
```

Split Complementary Color

#836a2a
```
#836a2a rgb(131,106,42)
```
#2a836a
```
#2a836a rgb(42,131,106)
```
#6a2a83
```
#6a2a83 rgb(106,42,131)
```

Triadic Color

#43832a
```
#43832a rgb(67,131,42)
```
#2a836a
```
#2a836a rgb(42,131,106)
```
#6a2a83
```
#6a2a83 rgb(106,42,131)
```
#832a43
```
#832a43 rgb(131,42,67)
```

Tetradic Color

#17493b
```
#17493b rgb(23,73,59)
```
#1e5c4b
```
#1e5c4b rgb(30,92,75)
```
#24705a
```
#24705a rgb(36,112,90)
```
#2a836a
```
#2a836a rgb(42,131,106)
```
#30967a
```
#30967a rgb(48,150,122)
```
#36aa89
```
#36aa89 rgb(54,170,137)
```
#3dbd99
```
#3dbd99 rgb(61,189,153)
```

Monochromatic Color

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

#2a8354
```
#2a8354 rgb(42,131,84)
```
#2a835b
```
#2a835b rgb(42,131,91)
```
#2a8363
```
#2a8363 rgb(42,131,99)
```
#2a836a
```
#2a836a rgb(42,131,106)
```
#2a8371
```
#2a8371 rgb(42,131,113)
```
#2a8379
```
#2a8379 rgb(42,131,121)
```
#2a8380
```
#2a8380 rgb(42,131,128)
```

Similar Colors

Text with hexadecimal color #2a836a

This text has a font color of #2a836a.

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

#2a836a background color

This paragraph has a background color of #2a836a.

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

#2a836a border color

This element has a border color of #2a836a.

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

CSS codes

.text {color:#2a836a;}

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

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

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, #040c0a is the darkest color, while #fcfefe is the lightest one.

#040c0a
```
#040c0a rgb(4,12,10)
```
#091b16
```
#091b16 rgb(9,27,22)
```
#0d2a22
```
#0d2a22 rgb(13,42,34)
```
#12392e
```
#12392e rgb(18,57,46)
```
#17483a
```
#17483a rgb(23,72,58)
```
#1c5646
```
#1c5646 rgb(28,86,70)
```
#206552
```
#206552 rgb(32,101,82)
```
#25745e
```
#25745e rgb(37,116,94)
```
#2a836a
```
#2a836a rgb(42,131,106)
```
#2f9276
```
#2f9276 rgb(47,146,118)
```
#34a182
```
#34a182 rgb(52,161,130)
```
#38b08e
```
#38b08e rgb(56,176,142)
```
#3dbe9a
```
#3dbe9a rgb(61,190,154)
```

Shade Color Variation

#4ac5a2
```
#4ac5a2 rgb(74,197,162)
```
#59caaa
```
#59caaa rgb(89,202,170)
```
#68cfb2
```
#68cfb2 rgb(104,207,178)
```
#77d3b9
```
#77d3b9 rgb(119,211,185)
```
#85d8c1
```
#85d8c1 rgb(133,216,193)
```
#94ddc8
```
#94ddc8 rgb(148,221,200)
```
#a3e2d0
```
#a3e2d0 rgb(163,226,208)
```
#b2e6d8
```
#b2e6d8 rgb(178,230,216)
```
#c1ebdf
```
#c1ebdf rgb(193,235,223)
```
#d0f0e7
```
#d0f0e7 rgb(208,240,231)
```
#dff5ee
```
#dff5ee rgb(223,245,238)
```
#edf9f6
```
#edf9f6 rgb(237,249,246)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525b59 is the less saturated color, while #02ab7b is the most saturated one.

#525b59
```
#525b59 rgb(82,91,89)
```
#4b625b
```
#4b625b rgb(75,98,91)
```
#45685e
```
#45685e rgb(69,104,94)
```
#3e6f61
```
#3e6f61 rgb(62,111,97)
```
#377664
```
#377664 rgb(55,118,100)
```
#317c67
```
#317c67 rgb(49,124,103)
```
#2a836a
```
#2a836a rgb(42,131,106)
```
#238a6d
```
#238a6d rgb(35,138,109)
```
#1d9070
```
#1d9070 rgb(29,144,112)
```
#169773
```
#169773 rgb(22,151,115)
```
#0f9e76
```
#0f9e76 rgb(15,158,118)
```
#09a479
```
#09a479 rgb(9,164,121)
```
#02ab7b
```
#02ab7b rgb(2,171,123)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5a6c67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827b6b Protanopia 1% of men
#897877 Deuteranopia 1% of men
#43858f Tritanopia 0.001% of the population

Trichromacy

#627e6a Protanomaly 1% of men, 0.01% of women
#667c72 Deuteranomaly 6% of men, 0.4% of women
#3a8481 Tritanomaly 0.01% of the population

#2a836a hex color

#2a836a Color Information

#2a836a Color Conversion

Color Schemes with #2a836a

Alternatives to #2a836a

#2a836a Preview

Shades and Tints of #2a836a

Tones of #2a836a

Color Blindness Simulator