#2b6358 hex color

In a RGB color space, hex #2b6358 is composed of 16.9% red, 38.8% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 0% magenta, 11.1% yellow and 61.2% black. It has a hue angle of 168.2 degrees, a saturation of 39.4% and a lightness of 27.8%. #2b6358 color hex could be obtained by blending #56c6b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 39
- B 35
RGB color chart
- C 57
- M 0
- Y 11
- K 61
CMYK color chart

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

The hexadecimal color #2b6358 has RGB values of R:43, G:99, B:88 and CMYK values of C:0.57, M:0, Y:0.11, K:0.61. Its decimal value is 2843480.

Hex triplet	2b6358	`#2b6358`
RGB Decimal	43, 99, 88	`rgb(43,99,88)`
RGB Percent	16.9, 38.8, 34.5	`rgb(16.9%,38.8%,34.5%)`
CMYK	57, 0, 11, 61
HSL	168.2°, 39.4, 27.8	`hsl(168.2,39.4%,27.8%)`
HSV (or HSB)	168.2°, 56.6, 38.8
Web Safe	336666	`#336666`

CIE-LAB	38.095, -21.421, 0.661
XYZ	7.219, 10.141, 10.809
xyY	0.256, 0.36, 10.141
CIE-LCH	38.095, 21.431, 178.232
CIE-LUV	38.095, -23.405, 3.773
Hunter-Lab	31.845, -15.266, 2.168
Binary	00101011, 01100011, 01011000

#2b6358
```
#2b6358 rgb(43,99,88)
```
#632b36
```
#632b36 rgb(99,43,54)
```

Complementary Color

#2b633c
```
#2b633c rgb(43,99,60)
```
#2b6358
```
#2b6358 rgb(43,99,88)
```
#2b5263
```
#2b5263 rgb(43,82,99)
```

Analogous Color

#633c2b
```
#633c2b rgb(99,60,43)
```
#2b6358
```
#2b6358 rgb(43,99,88)
```
#632b52
```
#632b52 rgb(99,43,82)
```

Split Complementary Color

#63582b
```
#63582b rgb(99,88,43)
```
#2b6358
```
#2b6358 rgb(43,99,88)
```
#582b63
```
#582b63 rgb(88,43,99)
```

Triadic Color

#36632b
```
#36632b rgb(54,99,43)
```
#2b6358
```
#2b6358 rgb(43,99,88)
```
#582b63
```
#582b63 rgb(88,43,99)
```
#632b36
```
#632b36 rgb(99,43,54)
```

Tetradic Color

#142e29
```
#142e29 rgb(20,46,41)
```
#1c3f38
```
#1c3f38 rgb(28,63,56)
```
#235148
```
#235148 rgb(35,81,72)
```
#2b6358
```
#2b6358 rgb(43,99,88)
```
#337568
```
#337568 rgb(51,117,104)
```
#3a8778
```
#3a8778 rgb(58,135,120)
```
#429887
```
#429887 rgb(66,152,135)
```

Monochromatic Color

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

#2b634a
```
#2b634a rgb(43,99,74)
```
#2b634f
```
#2b634f rgb(43,99,79)
```
#2b6353
```
#2b6353 rgb(43,99,83)
```
#2b6358
```
#2b6358 rgb(43,99,88)
```
#2b635d
```
#2b635d rgb(43,99,93)
```
#2b6361
```
#2b6361 rgb(43,99,97)
```
#2b6063
```
#2b6063 rgb(43,96,99)
```

Similar Colors

Text with hexadecimal color #2b6358

This text has a font color of #2b6358.

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

#2b6358 background color

This paragraph has a background color of #2b6358.

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

#2b6358 border color

This element has a border color of #2b6358.

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

CSS codes

.text {color:#2b6358;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#07110f
```
#07110f rgb(7,17,15)
```
#0d1f1b
```
#0d1f1b rgb(13,31,27)
```
#132c27
```
#132c27 rgb(19,44,39)
```
#193a34
```
#193a34 rgb(25,58,52)
```
#1f4840
```
#1f4840 rgb(31,72,64)
```
#25554c
```
#25554c rgb(37,85,76)
```
#2b6358
```
#2b6358 rgb(43,99,88)
```
#317164
```
#317164 rgb(49,113,100)
```
#377e70
```
#377e70 rgb(55,126,112)
```
#3d8c7c
```
#3d8c7c rgb(61,140,124)
```
#439a89
```
#439a89 rgb(67,154,137)
```
#49a795
```
#49a795 rgb(73,167,149)
```

Shade Color Variation

#50b3a0
```
#50b3a0 rgb(80,179,160)
```
#5eb9a7
```
#5eb9a7 rgb(94,185,167)
```
#6cbfaf
```
#6cbfaf rgb(108,191,175)
```
#7ac5b6
```
#7ac5b6 rgb(122,197,182)
```
#87cbbe
```
#87cbbe rgb(135,203,190)
```
#95d1c5
```
#95d1c5 rgb(149,209,197)
```
#a3d7cd
```
#a3d7cd rgb(163,215,205)
```
#b0ddd4
```
#b0ddd4 rgb(176,221,212)
```
#bee3db
```
#bee3db rgb(190,227,219)
```
#cce9e3
```
#cce9e3 rgb(204,233,227)
```
#d9efea
```
#d9efea rgb(217,239,234)
```
#e7f5f2
```
#e7f5f2 rgb(231,245,242)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #464847 is the less saturated color, while #05896f is the most saturated one.

#464847
```
#464847 rgb(70,72,71)
```
#414d4b
```
#414d4b rgb(65,77,75)
```
#3b534e
```
#3b534e rgb(59,83,78)
```
#365851
```
#365851 rgb(54,88,81)
```
#305e55
```
#305e55 rgb(48,94,85)
```
#2b6358
```
#2b6358 rgb(43,99,88)
```
#26685b
```
#26685b rgb(38,104,91)
```
#206e5f
```
#206e5f rgb(32,110,95)
```
#1b7362
```
#1b7362 rgb(27,115,98)
```
#157965
```
#157965 rgb(21,121,101)
```
#107e69
```
#107e69 rgb(16,126,105)
```
#0a846c
```
#0a846c rgb(10,132,108)
```
#05896f
```
#05896f rgb(5,137,111)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#495552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#65615b Protanopia 1% of men
#6a5f64 Deuteranopia 1% of men
#3c6870 Tritanopia 0.001% of the population

Trichromacy

#50625a Protanomaly 1% of men, 0.01% of women
#536060 Deuteranomaly 6% of men, 0.4% of women
#366667 Tritanomaly 0.01% of the population

#2b6358 hex color

#2b6358 Color Information

#2b6358 Color Conversion

Color Schemes with #2b6358

Alternatives to #2b6358

#2b6358 Preview

Shades and Tints of #2b6358

Tones of #2b6358

Color Blindness Simulator