#2b736a hex color

In a RGB color space, hex #2b736a is composed of 16.9% red, 45.1% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 0% magenta, 7.8% yellow and 54.9% black. It has a hue angle of 172.5 degrees, a saturation of 45.6% and a lightness of 31%. #2b736a color hex could be obtained by blending #56e6d4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 45
- B 42
RGB color chart
- C 63
- M 0
- Y 8
- K 55
CMYK color chart

● #2b736a color description : Dark moderate cyan.

The hexadecimal color #2b736a has RGB values of R:43, G:115, B:106 and CMYK values of C:0.63, M:0, Y:0.08, K:0.55. Its decimal value is 2847594.

Hex triplet	2b736a	`#2b736a`
RGB Decimal	43, 115, 106	`rgb(43,115,106)`
RGB Percent	16.9, 45.1, 41.6	`rgb(16.9%,45.1%,41.6%)`
CMYK	63, 0, 8, 55
HSL	172.5°, 45.6, 31	`hsl(172.5,45.6%,31%)`
HSV (or HSB)	172.5°, 62.6, 45.1
Web Safe	336666	`#336666`

CIE-LAB	43.966, -24.595, -1.683
XYZ	9.728, 13.815, 15.789
xyY	0.247, 0.351, 13.815
CIE-LCH	43.966, 24.652, 183.915
CIE-LUV	43.966, -28.937, 1.178
Hunter-Lab	37.168, -18.328, 0.832
Binary	00101011, 01110011, 01101010

#2b736a
```
#2b736a rgb(43,115,106)
```
#732b34
```
#732b34 rgb(115,43,52)
```

Complementary Color

#2b7346
```
#2b7346 rgb(43,115,70)
```
#2b736a
```
#2b736a rgb(43,115,106)
```
#2b5873
```
#2b5873 rgb(43,88,115)
```

Analogous Color

#73462b
```
#73462b rgb(115,70,43)
```
#2b736a
```
#2b736a rgb(43,115,106)
```
#732b58
```
#732b58 rgb(115,43,88)
```

Split Complementary Color

#736a2b
```
#736a2b rgb(115,106,43)
```
#2b736a
```
#2b736a rgb(43,115,106)
```
#6a2b73
```
#6a2b73 rgb(106,43,115)
```

Triadic Color

#34732b
```
#34732b rgb(52,115,43)
```
#2b736a
```
#2b736a rgb(43,115,106)
```
#6a2b73
```
#6a2b73 rgb(106,43,115)
```
#732b34
```
#732b34 rgb(115,43,52)
```

Tetradic Color

#163b37
```
#163b37 rgb(22,59,55)
```
#1d4e48
```
#1d4e48 rgb(29,78,72)
```
#246059
```
#246059 rgb(36,96,89)
```
#2b736a
```
#2b736a rgb(43,115,106)
```
#32867b
```
#32867b rgb(50,134,123)
```
#39988c
```
#39988c rgb(57,152,140)
```
#40ab9d
```
#40ab9d rgb(64,171,157)
```

Monochromatic Color

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

#2b7358
```
#2b7358 rgb(43,115,88)
```
#2b735e
```
#2b735e rgb(43,115,94)
```
#2b7364
```
#2b7364 rgb(43,115,100)
```
#2b736a
```
#2b736a rgb(43,115,106)
```
#2b7370
```
#2b7370 rgb(43,115,112)
```
#2b7073
```
#2b7073 rgb(43,112,115)
```
#2b6a73
```
#2b6a73 rgb(43,106,115)
```

Similar Colors

Text with hexadecimal color #2b736a

This text has a font color of #2b736a.

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

#2b736a background color

This paragraph has a background color of #2b736a.

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

#2b736a border color

This element has a border color of #2b736a.

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

CSS codes

.text {color:#2b736a;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f0e
```
#060f0e rgb(6,15,14)
```
#0b1d1b
```
#0b1d1b rgb(11,29,27)
```
#102c28
```
#102c28 rgb(16,44,40)
```
#163a35
```
#163a35 rgb(22,58,53)
```
#1b4843
```
#1b4843 rgb(27,72,67)
```
#205650
```
#205650 rgb(32,86,80)
```
#26655d
```
#26655d rgb(38,101,93)
```
#2b736a
```
#2b736a rgb(43,115,106)
```
#308177
```
#308177 rgb(48,129,119)
```
#369084
```
#369084 rgb(54,144,132)
```
#3b9e91
```
#3b9e91 rgb(59,158,145)
```
#40ac9f
```
#40ac9f rgb(64,172,159)
```

Shade Color Variation

#46baab
```
#46baab rgb(70,186,171)
```
#54bfb2
```
#54bfb2 rgb(84,191,178)
```
#63c5b8
```
#63c5b8 rgb(99,197,184)
```
#71cabf
```
#71cabf rgb(113,202,191)
```
#7fcfc5
```
#7fcfc5 rgb(127,207,197)
```
#8ed5cc
```
#8ed5cc rgb(142,213,204)
```
#9cdad2
```
#9cdad2 rgb(156,218,210)
```
#aadfd9
```
#aadfd9 rgb(170,223,217)
```
#b8e5df
```
#b8e5df rgb(184,229,223)
```
#c7eae6
```
#c7eae6 rgb(199,234,230)
```
#d5efec
```
#d5efec rgb(213,239,236)
```
#e3f5f2
```
#e3f5f2 rgb(227,245,242)
```
#f2faf9
```
#f2faf9 rgb(242,250,249)
```

Tint Color Variation

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

#495553
```
#495553 rgb(73,85,83)
```
#435b58
```
#435b58 rgb(67,91,88)
```
#3d615c
```
#3d615c rgb(61,97,92)
```
#376761
```
#376761 rgb(55,103,97)
```
#316d65
```
#316d65 rgb(49,109,101)
```
#2b736a
```
#2b736a rgb(43,115,106)
```
#25796f
```
#25796f rgb(37,121,111)
```
#1f7f73
```
#1f7f73 rgb(31,127,115)
```
#198578
```
#198578 rgb(25,133,120)
```
#138b7c
```
#138b7c rgb(19,139,124)
```
#0d9181
```
#0d9181 rgb(13,145,129)
```
#079785
```
#079785 rgb(7,151,133)
```
#009e8a
```
#009e8a rgb(0,158,138)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#52615f Atypical Achromatopsia 0.001% of the population

Dichromacy

#726f6b Protanopia 1% of men
#766c76 Deuteranopia 1% of men
#3d7780 Tritanopia 0.001% of the population

Trichromacy

#58706b Protanomaly 1% of men, 0.01% of women
#5b6f71 Deuteranomaly 6% of men, 0.4% of women
#367678 Tritanomaly 0.01% of the population

#2b736a hex color

#2b736a Color Information

#2b736a Color Conversion

Color Schemes with #2b736a

Alternatives to #2b736a

#2b736a Preview

Shades and Tints of #2b736a

Tones of #2b736a

Color Blindness Simulator