#2d836b hex color

In a RGB color space, hex #2d836b is composed of 17.6% red, 51.4% green and 42% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 0% magenta, 18.3% yellow and 48.6% black. It has a hue angle of 163.3 degrees, a saturation of 48.9% and a lightness of 34.5%. #2d836b color hex could be obtained by blending #5affd6 with #000700. Closest websafe color is: #339966.

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

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

The hexadecimal color #2d836b has RGB values of R:45, G:131, B:107 and CMYK values of C:0.66, M:0, Y:0.18, K:0.49. Its decimal value is 2982763.

Hex triplet	2d836b	`#2d836b`
RGB Decimal	45, 131, 107	`rgb(45,131,107)`
RGB Percent	17.6, 51.4, 42	`rgb(17.6%,51.4%,42%)`
CMYK	66, 0, 18, 49
HSL	163.3°, 48.9, 34.5	`hsl(163.3,48.9%,34.5%)`
HSV (or HSB)	163.3°, 65.6, 51.4
Web Safe	339966	`#339966`

CIE-LAB	49.315, -31.737, 5.49
XYZ	11.851, 17.851, 16.73
xyY	0.255, 0.384, 17.851
CIE-LCH	49.315, 32.208, 170.185
CIE-LUV	49.315, -34.685, 12.049
Hunter-Lab	42.25, -23.868, 6.098
Binary	00101101, 10000011, 01101011

#2d836b
```
#2d836b rgb(45,131,107)
```
#832d45
```
#832d45 rgb(131,45,69)
```

Complementary Color

#2d8340
```
#2d8340 rgb(45,131,64)
```
#2d836b
```
#2d836b rgb(45,131,107)
```
#2d7083
```
#2d7083 rgb(45,112,131)
```

Analogous Color

#83402d
```
#83402d rgb(131,64,45)
```
#2d836b
```
#2d836b rgb(45,131,107)
```
#832d70
```
#832d70 rgb(131,45,112)
```

Split Complementary Color

#836b2d
```
#836b2d rgb(131,107,45)
```
#2d836b
```
#2d836b rgb(45,131,107)
```
#6b2d83
```
#6b2d83 rgb(107,45,131)
```

Triadic Color

#45832d
```
#45832d rgb(69,131,45)
```
#2d836b
```
#2d836b rgb(45,131,107)
```
#6b2d83
```
#6b2d83 rgb(107,45,131)
```
#832d45
```
#832d45 rgb(131,45,69)
```

Tetradic Color

#194a3c
```
#194a3c rgb(25,74,60)
```
#205d4c
```
#205d4c rgb(32,93,76)
```
#26705b
```
#26705b rgb(38,112,91)
```
#2d836b
```
#2d836b rgb(45,131,107)
```
#34967b
```
#34967b rgb(52,150,123)
```
#3aa98a
```
#3aa98a rgb(58,169,138)
```
#41bc9a
```
#41bc9a rgb(65,188,154)
```

Monochromatic Color

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

#2d8356
```
#2d8356 rgb(45,131,86)
```
#2d835d
```
#2d835d rgb(45,131,93)
```
#2d8364
```
#2d8364 rgb(45,131,100)
```
#2d836b
```
#2d836b rgb(45,131,107)
```
#2d8372
```
#2d8372 rgb(45,131,114)
```
#2d8379
```
#2d8379 rgb(45,131,121)
```
#2d8381
```
#2d8381 rgb(45,131,129)
```

Similar Colors

Text with hexadecimal color #2d836b

This text has a font color of #2d836b.

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

#2d836b background color

This paragraph has a background color of #2d836b.

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

#2d836b border color

This element has a border color of #2d836b.

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

CSS codes

.text {color:#2d836b;}

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

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

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, #050e0c is the darkest color, while #ffffff is the lightest one.

#050e0c
```
#050e0c rgb(5,14,12)
```
#0a1d18
```
#0a1d18 rgb(10,29,24)
```
#0f2b23
```
#0f2b23 rgb(15,43,35)
```
#143a2f
```
#143a2f rgb(20,58,47)
```
#19493b
```
#19493b rgb(25,73,59)
```
#1e5747
```
#1e5747 rgb(30,87,71)
```
#236653
```
#236653 rgb(35,102,83)
```
#28745f
```
#28745f rgb(40,116,95)
```
#2d836b
```
#2d836b rgb(45,131,107)
```
#329277
```
#329277 rgb(50,146,119)
```
#37a083
```
#37a083 rgb(55,160,131)
```
#3caf8f
```
#3caf8f rgb(60,175,143)
```
#41bd9b
```
#41bd9b rgb(65,189,155)
```

Shade Color Variation

#4fc3a3
```
#4fc3a3 rgb(79,195,163)
```
#5ec8aa
```
#5ec8aa rgb(94,200,170)
```
#6dcdb2
```
#6dcdb2 rgb(109,205,178)
```
#7bd2ba
```
#7bd2ba rgb(123,210,186)
```
#8ad7c1
```
#8ad7c1 rgb(138,215,193)
```
#98dcc9
```
#98dcc9 rgb(152,220,201)
```
#a7e1d1
```
#a7e1d1 rgb(167,225,209)
```
#b6e6d8
```
#b6e6d8 rgb(182,230,216)
```
#c4ebe0
```
#c4ebe0 rgb(196,235,224)
```
#d3f0e8
```
#d3f0e8 rgb(211,240,232)
```
#e1f5ef
```
#e1f5ef rgb(225,245,239)
```
#f0faf7
```
#f0faf7 rgb(240,250,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565a59 is the less saturated color, while #04ac7d is the most saturated one.

#565a59
```
#565a59 rgb(86,90,89)
```
#4f615c
```
#4f615c rgb(79,97,92)
```
#48685f
```
#48685f rgb(72,104,95)
```
#416f62
```
#416f62 rgb(65,111,98)
```
#3b7565
```
#3b7565 rgb(59,117,101)
```
#347c68
```
#347c68 rgb(52,124,104)
```
#2d836b
```
#2d836b rgb(45,131,107)
```
#268a6e
```
#268a6e rgb(38,138,110)
```
#1f9171
```
#1f9171 rgb(31,145,113)
```
#199774
```
#199774 rgb(25,151,116)
```
#129e77
```
#129e77 rgb(18,158,119)
```
#0ba57a
```
#0ba57a rgb(11,165,122)
```
#04ac7d
```
#04ac7d rgb(4,172,125)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827c6c Protanopia 1% of men
#897878 Deuteranopia 1% of men
#45858f Tritanopia 0.001% of the population

Trichromacy

#637e6b Protanomaly 1% of men, 0.01% of women
#677c73 Deuteranomaly 6% of men, 0.4% of women
#3c8481 Tritanomaly 0.01% of the population

#2d836b hex color

#2d836b Color Information

#2d836b Color Conversion

Color Schemes with #2d836b

Alternatives to #2d836b

#2d836b Preview

Shades and Tints of #2d836b

Tones of #2d836b

Color Blindness Simulator