#2b5358 hex color

In a RGB color space, hex #2b5358 is composed of 16.9% red, 32.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 5.7% magenta, 0% yellow and 65.5% black. It has a hue angle of 186.7 degrees, a saturation of 34.4% and a lightness of 25.7%. #2b5358 color hex could be obtained by blending #56a6b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 33
- B 35
RGB color chart
- C 51
- M 6
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #2b5358 has RGB values of R:43, G:83, B:88 and CMYK values of C:0.51, M:0.06, Y:0, K:0.65. Its decimal value is 2839384.

Hex triplet	2b5358	`#2b5358`
RGB Decimal	43, 83, 88	`rgb(43,83,88)`
RGB Percent	16.9, 32.5, 34.5	`rgb(16.9%,32.5%,34.5%)`
CMYK	51, 6, 0, 65
HSL	186.7°, 34.4, 25.7	`hsl(186.7,34.4%,25.7%)`
HSV (or HSB)	186.7°, 51.1, 34.5
Web Safe	336666	`#336666`

CIE-LAB	32.71, -12.539, -7.301
XYZ	5.85, 7.404, 10.353
xyY	0.248, 0.314, 7.404
CIE-LCH	32.71, 14.51, 210.212
CIE-LUV	32.71, -16.878, -7.652
Hunter-Lab	27.211, -9.241, -3.51
Binary	00101011, 01010011, 01011000

#2b5358
```
#2b5358 rgb(43,83,88)
```
#58302b
```
#58302b rgb(88,48,43)
```

Complementary Color

#2b5847
```
#2b5847 rgb(43,88,71)
```
#2b5358
```
#2b5358 rgb(43,83,88)
```
#2b3d58
```
#2b3d58 rgb(43,61,88)
```

Analogous Color

#58472b
```
#58472b rgb(88,71,43)
```
#2b5358
```
#2b5358 rgb(43,83,88)
```
#582b3d
```
#582b3d rgb(88,43,61)
```

Split Complementary Color

#53582b
```
#53582b rgb(83,88,43)
```
#2b5358
```
#2b5358 rgb(43,83,88)
```
#582b53
```
#582b53 rgb(88,43,83)
```

Triadic Color

#2b5830
```
#2b5830 rgb(43,88,48)
```
#2b5358
```
#2b5358 rgb(43,83,88)
```
#582b53
```
#582b53 rgb(88,43,83)
```
#58302b
```
#58302b rgb(88,48,43)
```

Tetradic Color

#122325
```
#122325 rgb(18,35,37)
```
#1a3336
```
#1a3336 rgb(26,51,54)
```
#234347
```
#234347 rgb(35,67,71)
```
#2b5358
```
#2b5358 rgb(43,83,88)
```
#336369
```
#336369 rgb(51,99,105)
```
#3c737a
```
#3c737a rgb(60,115,122)
```
#44838b
```
#44838b rgb(68,131,139)
```

Monochromatic Color

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

#2b5852
```
#2b5852 rgb(43,88,82)
```
#2b5856
```
#2b5856 rgb(43,88,86)
```
#2b5758
```
#2b5758 rgb(43,87,88)
```
#2b5358
```
#2b5358 rgb(43,83,88)
```
#2b4f58
```
#2b4f58 rgb(43,79,88)
```
#2b4c58
```
#2b4c58 rgb(43,76,88)
```
#2b4858
```
#2b4858 rgb(43,72,88)
```

Similar Colors

Text with hexadecimal color #2b5358

This text has a font color of #2b5358.

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

#2b5358 background color

This paragraph has a background color of #2b5358.

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

#2b5358 border color

This element has a border color of #2b5358.

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

CSS codes

.text {color:#2b5358;}

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

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

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

#040809
```
#040809 rgb(4,8,9)
```
#0b1516
```
#0b1516 rgb(11,21,22)
```
#112123
```
#112123 rgb(17,33,35)
```
#182e30
```
#182e30 rgb(24,46,48)
```
#1e3a3e
```
#1e3a3e rgb(30,58,62)
```
#25474b
```
#25474b rgb(37,71,75)
```
#2b5358
```
#2b5358 rgb(43,83,88)
```
#315f65
```
#315f65 rgb(49,95,101)
```
#386c72
```
#386c72 rgb(56,108,114)
```
#3e7880
```
#3e7880 rgb(62,120,128)
```
#45858d
```
#45858d rgb(69,133,141)
```
#4b919a
```
#4b919a rgb(75,145,154)
```
#529ea7
```
#529ea7 rgb(82,158,167)
```

Shade Color Variation

#5da6b0
```
#5da6b0 rgb(93,166,176)
```
#6aaeb6
```
#6aaeb6 rgb(106,174,182)
```
#77b5bd
```
#77b5bd rgb(119,181,189)
```
#84bcc3
```
#84bcc3 rgb(132,188,195)
```
#91c3c9
```
#91c3c9 rgb(145,195,201)
```
#9fcad0
```
#9fcad0 rgb(159,202,208)
```
#acd2d6
```
#acd2d6 rgb(172,210,214)
```
#b9d9dd
```
#b9d9dd rgb(185,217,221)
```
#c6e0e3
```
#c6e0e3 rgb(198,224,227)
```
#d3e7ea
```
#d3e7ea rgb(211,231,234)
```
#e0eef0
```
#e0eef0 rgb(224,238,240)
```
#eef6f6
```
#eef6f6 rgb(238,246,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#3f4344
```
#3f4344 rgb(63,67,68)
```
#3a4749
```
#3a4749 rgb(58,71,73)
```
#354b4e
```
#354b4e rgb(53,75,78)
```
#304f53
```
#304f53 rgb(48,79,83)
```
#2b5358
```
#2b5358 rgb(43,83,88)
```
#26575d
```
#26575d rgb(38,87,93)
```
#215b62
```
#215b62 rgb(33,91,98)
```
#1c5f67
```
#1c5f67 rgb(28,95,103)
```
#17636c
```
#17636c rgb(23,99,108)
```
#126771
```
#126771 rgb(18,103,113)
```
#0d6b76
```
#0d6b76 rgb(13,107,118)
```
#086e7b
```
#086e7b rgb(8,110,123)
```
#037280
```
#037280 rgb(3,114,128)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#424a4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#55555d Protanopia 1% of men
#575463 Deuteranopia 1% of men
#365b62 Tritanopia 0.001% of the population

Trichromacy

#46545b Protanomaly 1% of men, 0.01% of women
#47535f Deuteranomaly 6% of men, 0.4% of women
#32585e Tritanomaly 0.01% of the population

#2b5358 hex color

#2b5358 Color Information

#2b5358 Color Conversion

Color Schemes with #2b5358

Alternatives to #2b5358

#2b5358 Preview

Shades and Tints of #2b5358

Tones of #2b5358

Color Blindness Simulator