#2b5561 hex color

In a RGB color space, hex #2b5561 is composed of 16.9% red, 33.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 12.4% magenta, 0% yellow and 62% black. It has a hue angle of 193.3 degrees, a saturation of 38.6% and a lightness of 27.5%. #2b5561 color hex could be obtained by blending #56aac2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 33
- B 38
RGB color chart
- C 56
- M 12
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #2b5561 has RGB values of R:43, G:85, B:97 and CMYK values of C:0.56, M:0.12, Y:0, K:0.62. Its decimal value is 2839905.

Hex triplet	2b5561	`#2b5561`
RGB Decimal	43, 85, 97	`rgb(43,85,97)`
RGB Percent	16.9, 33.3, 38	`rgb(16.9%,33.3%,38%)`
CMYK	56, 12, 0, 62
HSL	193.3°, 38.6, 27.5	`hsl(193.3,38.6%,27.5%)`
HSV (or HSB)	193.3°, 55.7, 38
Web Safe	336666	`#336666`

CIE-LAB	33.717, -10.864, -11.46
XYZ	6.402, 7.873, 12.491
xyY	0.239, 0.294, 7.873
CIE-LCH	33.717, 15.791, 226.528
CIE-LUV	33.717, -17.42, -13.528
Hunter-Lab	28.059, -8.378, -6.752
Binary	00101011, 01010101, 01100001

#2b5561
```
#2b5561 rgb(43,85,97)
```
#61372b
```
#61372b rgb(97,55,43)
```

Complementary Color

#2b6152
```
#2b6152 rgb(43,97,82)
```
#2b5561
```
#2b5561 rgb(43,85,97)
```
#2b3a61
```
#2b3a61 rgb(43,58,97)
```

Analogous Color

#61522b
```
#61522b rgb(97,82,43)
```
#2b5561
```
#2b5561 rgb(43,85,97)
```
#612b3a
```
#612b3a rgb(97,43,58)
```

Split Complementary Color

#55612b
```
#55612b rgb(85,97,43)
```
#2b5561
```
#2b5561 rgb(43,85,97)
```
#612b55
```
#612b55 rgb(97,43,85)
```

Triadic Color

#2b6137
```
#2b6137 rgb(43,97,55)
```
#2b5561
```
#2b5561 rgb(43,85,97)
```
#612b55
```
#612b55 rgb(97,43,85)
```
#61372b
```
#61372b rgb(97,55,43)
```

Tetradic Color

#14272c
```
#14272c rgb(20,39,44)
```
#1b363e
```
#1b363e rgb(27,54,62)
```
#23464f
```
#23464f rgb(35,70,79)
```
#2b5561
```
#2b5561 rgb(43,85,97)
```
#336473
```
#336473 rgb(51,100,115)
```
#3b7484
```
#3b7484 rgb(59,116,132)
```
#428396
```
#428396 rgb(66,131,150)
```

Monochromatic Color

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

#2b6160
```
#2b6160 rgb(43,97,96)
```
#2b5e61
```
#2b5e61 rgb(43,94,97)
```
#2b5a61
```
#2b5a61 rgb(43,90,97)
```
#2b5561
```
#2b5561 rgb(43,85,97)
```
#2b5161
```
#2b5161 rgb(43,81,97)
```
#2b4c61
```
#2b4c61 rgb(43,76,97)
```
#2b4861
```
#2b4861 rgb(43,72,97)
```

Similar Colors

Text with hexadecimal color #2b5561

This text has a font color of #2b5561.

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

#2b5561 background color

This paragraph has a background color of #2b5561.

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

#2b5561 border color

This element has a border color of #2b5561.

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

CSS codes

.text {color:#2b5561;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070e0f
```
#070e0f rgb(7,14,15)
```
#0d191d
```
#0d191d rgb(13,25,29)
```
#13252b
```
#13252b rgb(19,37,43)
```
#193138
```
#193138 rgb(25,49,56)
```
#1f3d46
```
#1f3d46 rgb(31,61,70)
```
#254953
```
#254953 rgb(37,73,83)
```
#2b5561
```
#2b5561 rgb(43,85,97)
```
#31616f
```
#31616f rgb(49,97,111)
```
#376d7c
```
#376d7c rgb(55,109,124)
```
#3d798a
```
#3d798a rgb(61,121,138)
```
#438597
```
#438597 rgb(67,133,151)
```
#4991a5
```
#4991a5 rgb(73,145,165)
```

Shade Color Variation

#509cb2
```
#509cb2 rgb(80,156,178)
```
#5ea4b8
```
#5ea4b8 rgb(94,164,184)
```
#6babbe
```
#6babbe rgb(107,171,190)
```
#79b3c4
```
#79b3c4 rgb(121,179,196)
```
#87bbca
```
#87bbca rgb(135,187,202)
```
#94c2d0
```
#94c2d0 rgb(148,194,208)
```
#a2cad6
```
#a2cad6 rgb(162,202,214)
```
#afd2dc
```
#afd2dc rgb(175,210,220)
```
#bddae2
```
#bddae2 rgb(189,218,226)
```
#cbe1e8
```
#cbe1e8 rgb(203,225,232)
```
#d8e9ee
```
#d8e9ee rgb(216,233,238)
```
#e6f1f4
```
#e6f1f4 rgb(230,241,244)
```
#f3f8fa
```
#f3f8fa rgb(243,248,250)
```

Tint Color Variation

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

#464646
```
#464646 rgb(70,70,70)
```
#41494b
```
#41494b rgb(65,73,75)
```
#3b4c51
```
#3b4c51 rgb(59,76,81)
```
#364f56
```
#364f56 rgb(54,79,86)
```
#30525c
```
#30525c rgb(48,82,92)
```
#2b5561
```
#2b5561 rgb(43,85,97)
```
#265866
```
#265866 rgb(38,88,102)
```
#205b6c
```
#205b6c rgb(32,91,108)
```
#1b5e71
```
#1b5e71 rgb(27,94,113)
```
#156177
```
#156177 rgb(21,97,119)
```
#10647c
```
#10647c rgb(16,100,124)
```
#0b6781
```
#0b6781 rgb(11,103,129)
```
#056a87
```
#056a87 rgb(5,106,135)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#444c4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#555765 Protanopia 1% of men
#56566b Deuteranopia 1% of men
#345e65 Tritanopia 0.001% of the population

Trichromacy

#465663 Protanomaly 1% of men, 0.01% of women
#465667 Deuteranomaly 6% of men, 0.4% of women
#305b63 Tritanomaly 0.01% of the population

#2b5561 hex color

#2b5561 Color Information

#2b5561 Color Conversion

Color Schemes with #2b5561

Alternatives to #2b5561

#2b5561 Preview

Shades and Tints of #2b5561

Tones of #2b5561

Color Blindness Simulator