#2b4e58 hex color

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

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

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

The hexadecimal color #2b4e58 has RGB values of R:43, G:78, B:88 and CMYK values of C:0.51, M:0.11, Y:0, K:0.65. Its decimal value is 2838104.

Hex triplet	2b4e58	`#2b4e58`
RGB Decimal	43, 78, 88	`rgb(43,78,88)`
RGB Percent	16.9, 30.6, 34.5	`rgb(16.9%,30.6%,34.5%)`
CMYK	51, 11, 0, 65
HSL	193.3°, 34.4, 25.7	`hsl(193.3,34.4%,25.7%)`
HSV (or HSB)	193.3°, 51.1, 34.5
Web Safe	336666	`#336666`

CIE-LAB	31.036, -9.56, -9.826
XYZ	5.482, 6.667, 10.23
xyY	0.245, 0.298, 6.667
CIE-LCH	31.036, 13.709, 225.785
CIE-LUV	31.036, -14.854, -11.182
Hunter-Lab	25.82, -7.288, -5.417
Binary	00101011, 01001110, 01011000

#2b4e58
```
#2b4e58 rgb(43,78,88)
```
#58352b
```
#58352b rgb(88,53,43)
```

Complementary Color

#2b584c
```
#2b584c rgb(43,88,76)
```
#2b4e58
```
#2b4e58 rgb(43,78,88)
```
#2b3858
```
#2b3858 rgb(43,56,88)
```

Analogous Color

#584c2b
```
#584c2b rgb(88,76,43)
```
#2b4e58
```
#2b4e58 rgb(43,78,88)
```
#582b38
```
#582b38 rgb(88,43,56)
```

Split Complementary Color

#4e582b
```
#4e582b rgb(78,88,43)
```
#2b4e58
```
#2b4e58 rgb(43,78,88)
```
#582b4e
```
#582b4e rgb(88,43,78)
```

Triadic Color

#2b5835
```
#2b5835 rgb(43,88,53)
```
#2b4e58
```
#2b4e58 rgb(43,78,88)
```
#582b4e
```
#582b4e rgb(88,43,78)
```
#58352b
```
#58352b rgb(88,53,43)
```

Tetradic Color

#122025
```
#122025 rgb(18,32,37)
```
#1a3036
```
#1a3036 rgb(26,48,54)
```
#233f47
```
#233f47 rgb(35,63,71)
```
#2b4e58
```
#2b4e58 rgb(43,78,88)
```
#335d69
```
#335d69 rgb(51,93,105)
```
#3c6c7a
```
#3c6c7a rgb(60,108,122)
```
#447c8b
```
#447c8b rgb(68,124,139)
```

Monochromatic Color

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

#2b5857
```
#2b5857 rgb(43,88,87)
```
#2b5658
```
#2b5658 rgb(43,86,88)
```
#2b5258
```
#2b5258 rgb(43,82,88)
```
#2b4e58
```
#2b4e58 rgb(43,78,88)
```
#2b4a58
```
#2b4a58 rgb(43,74,88)
```
#2b4758
```
#2b4758 rgb(43,71,88)
```
#2b4358
```
#2b4358 rgb(43,67,88)
```

Similar Colors

Text with hexadecimal color #2b4e58

This text has a font color of #2b4e58.

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

#2b4e58 background color

This paragraph has a background color of #2b4e58.

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

#2b4e58 border color

This element has a border color of #2b4e58.

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

CSS codes

.text {color:#2b4e58;}

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

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

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 #fbfcfd is the lightest one.

#040809
```
#040809 rgb(4,8,9)
```
#0b1416
```
#0b1416 rgb(11,20,22)
```
#111f23
```
#111f23 rgb(17,31,35)
```
#182b30
```
#182b30 rgb(24,43,48)
```
#1e373e
```
#1e373e rgb(30,55,62)
```
#25424b
```
#25424b rgb(37,66,75)
```
#2b4e58
```
#2b4e58 rgb(43,78,88)
```
#315a65
```
#315a65 rgb(49,90,101)
```
#386572
```
#386572 rgb(56,101,114)
```
#3e7180
```
#3e7180 rgb(62,113,128)
```
#457d8d
```
#457d8d rgb(69,125,141)
```
#4b889a
```
#4b889a rgb(75,136,154)
```
#5294a7
```
#5294a7 rgb(82,148,167)
```

Shade Color Variation

#5d9db0
```
#5d9db0 rgb(93,157,176)
```
#6aa5b6
```
#6aa5b6 rgb(106,165,182)
```
#77adbd
```
#77adbd rgb(119,173,189)
```
#84b5c3
```
#84b5c3 rgb(132,181,195)
```
#91bdc9
```
#91bdc9 rgb(145,189,201)
```
#9fc5d0
```
#9fc5d0 rgb(159,197,208)
```
#accdd6
```
#accdd6 rgb(172,205,214)
```
#b9d5dd
```
#b9d5dd rgb(185,213,221)
```
#c6dde3
```
#c6dde3 rgb(198,221,227)
```
#d3e5ea
```
#d3e5ea rgb(211,229,234)
```
#e0edf0
```
#e0edf0 rgb(224,237,240)
```
#eef5f6
```
#eef5f6 rgb(238,245,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,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 #036480 is the most saturated one.

#3f4344
```
#3f4344 rgb(63,67,68)
```
#3a4649
```
#3a4649 rgb(58,70,73)
```
#35484e
```
#35484e rgb(53,72,78)
```
#304b53
```
#304b53 rgb(48,75,83)
```
#2b4e58
```
#2b4e58 rgb(43,78,88)
```
#26515d
```
#26515d rgb(38,81,93)
```
#215462
```
#215462 rgb(33,84,98)
```
#1c5667
```
#1c5667 rgb(28,86,103)
```
#17596c
```
#17596c rgb(23,89,108)
```
#125c71
```
#125c71 rgb(18,92,113)
```
#0d5f76
```
#0d5f76 rgb(13,95,118)
```
#08627b
```
#08627b rgb(8,98,123)
```
#036480
```
#036480 rgb(3,100,128)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#404749 Atypical Achromatopsia 0.001% of the population

Dichromacy

#50515d Protanopia 1% of men
#515063 Deuteranopia 1% of men
#35575e Tritanopia 0.001% of the population

Trichromacy

#42505b Protanomaly 1% of men, 0.01% of women
#434f5f Deuteranomaly 6% of men, 0.4% of women
#31545b Tritanomaly 0.01% of the population

#2b4e58 hex color

#2b4e58 Color Information

#2b4e58 Color Conversion

Color Schemes with #2b4e58

Alternatives to #2b4e58

#2b4e58 Preview

Shades and Tints of #2b4e58

Tones of #2b4e58

Color Blindness Simulator