colorhexa.com

#2b6f78 hex color

In a RGB color space, hex #2b6f78 is composed of 16.9% red, 43.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 7.5% magenta, 0% yellow and 52.9% black. It has a hue angle of 187 degrees, a saturation of 47.2% and a lightness of 32%. #2b6f78 color hex could be obtained by blending #56def0 with #000000. Closest websafe color is: #336666.

- R 17
- G 44
- B 47
RGB color chart
- C 64
- M 8
- Y 0
- K 53
CMYK color chart

● #2b6f78 color description : Dark moderate cyan.

The hexadecimal color #2b6f78 has RGB values of R:43, G:111, B:120 and CMYK values of C:0.64, M:0.08, Y:0, K:0.53. Its decimal value is 2846584.

Hex triplet	2b6f78	`#2b6f78`
RGB Decimal	43, 111, 120	`rgb(43,111,120)`
RGB Percent	16.9, 43.5, 47.1	`rgb(16.9%,43.5%,47.1%)`
CMYK	64, 8, 0, 53
HSL	187°, 47.2, 32	`hsl(187,47.2%,32%)`
HSV (or HSB)	187°, 64.2, 47.1
Web Safe	336666	`#336666`

CIE-LAB	43.119, -18.233, -11.365
XYZ	10.07, 13.238, 19.793
xyY	0.234, 0.307, 13.238
CIE-LCH	43.119, 21.485, 211.937
CIE-LUV	43.119, -26.654, -13.346
Hunter-Lab	36.384, -14.268, -6.785
Binary	00101011, 01101111, 01111000

#2b6f78
```
#2b6f78 rgb(43,111,120)
```
#78342b
```
#78342b rgb(120,52,43)
```

Complementary Color

#2b785b
```
#2b785b rgb(43,120,91)
```
#2b6f78
```
#2b6f78 rgb(43,111,120)
```
#2b4978
```
#2b4978 rgb(43,73,120)
```

Analogous Color

#785b2b
```
#785b2b rgb(120,91,43)
```
#2b6f78
```
#2b6f78 rgb(43,111,120)
```
#782b49
```
#782b49 rgb(120,43,73)
```

Split Complementary Color

#6f782b
```
#6f782b rgb(111,120,43)
```
#2b6f78
```
#2b6f78 rgb(43,111,120)
```
#782b6f
```
#782b6f rgb(120,43,111)
```

Triadic Color

#2b7834
```
#2b7834 rgb(43,120,52)
```
#2b6f78
```
#2b6f78 rgb(43,111,120)
```
#782b6f
```
#782b6f rgb(120,43,111)
```
#78342b
```
#78342b rgb(120,52,43)
```

Tetradic Color

#173b40
```
#173b40 rgb(23,59,64)
```
#1e4c52
```
#1e4c52 rgb(30,76,82)
```
#245e65
```
#245e65 rgb(36,94,101)
```
#2b6f78
```
#2b6f78 rgb(43,111,120)
```
#32808b
```
#32808b rgb(50,128,139)
```
#38929e
```
#38929e rgb(56,146,158)
```
#3fa3b0
```
#3fa3b0 rgb(63,163,176)
```

Monochromatic Color

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

#2b786e
```
#2b786e rgb(43,120,110)
```
#2b7874
```
#2b7874 rgb(43,120,116)
```
#2b7578
```
#2b7578 rgb(43,117,120)
```
#2b6f78
```
#2b6f78 rgb(43,111,120)
```
#2b6978
```
#2b6978 rgb(43,105,120)
```
#2b6278
```
#2b6278 rgb(43,98,120)
```
#2b5c78
```
#2b5c78 rgb(43,92,120)
```

Similar Colors

Text with hexadecimal color #2b6f78

This text has a font color of #2b6f78.

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

#2b6f78 background color

This paragraph has a background color of #2b6f78.

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

#2b6f78 border color

This element has a border color of #2b6f78.

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

CSS codes

.text {color:#2b6f78;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#071113
```
#071113 rgb(7,17,19)
```
#0c1f21
```
#0c1f21 rgb(12,31,33)
```
#112c30
```
#112c30 rgb(17,44,48)
```
#163a3e
```
#163a3e rgb(22,58,62)
```
#1b474d
```
#1b474d rgb(27,71,77)
```
#21545b
```
#21545b rgb(33,84,91)
```
#26626a
```
#26626a rgb(38,98,106)
```
#2b6f78
```
#2b6f78 rgb(43,111,120)
```
#307c86
```
#307c86 rgb(48,124,134)
```
#358a95
```
#358a95 rgb(53,138,149)
```
#3b97a3
```
#3b97a3 rgb(59,151,163)
```
#40a4b2
```
#40a4b2 rgb(64,164,178)
```

Shade Color Variation

#48b0bd
```
#48b0bd rgb(72,176,189)
```
#56b6c3
```
#56b6c3 rgb(86,182,195)
```
#65bcc8
```
#65bcc8 rgb(101,188,200)
```
#73c2cd
```
#73c2cd rgb(115,194,205)
```
#82c9d2
```
#82c9d2 rgb(130,201,210)
```
#90cfd7
```
#90cfd7 rgb(144,207,215)
```
#9ed5dc
```
#9ed5dc rgb(158,213,220)
```
#addbe2
```
#addbe2 rgb(173,219,226)
```
#bbe2e7
```
#bbe2e7 rgb(187,226,231)
```
#cae8ec
```
#cae8ec rgb(202,232,236)
```
#d8eef1
```
#d8eef1 rgb(216,238,241)
```
#e7f4f6
```
#e7f4f6 rgb(231,244,246)
```
#f5fbfb
```
#f5fbfb rgb(245,251,251)
```

Tint Color Variation

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

#515252
```
#515252 rgb(81,82,82)
```
#4a5759
```
#4a5759 rgb(74,87,89)
```
#445c5f
```
#445c5f rgb(68,92,95)
```
#3e6165
```
#3e6165 rgb(62,97,101)
```
#38656b
```
#38656b rgb(56,101,107)
```
#316a72
```
#316a72 rgb(49,106,114)
```
#2b6f78
```
#2b6f78 rgb(43,111,120)
```
#25747e
```
#25747e rgb(37,116,126)
```
#1e7985
```
#1e7985 rgb(30,121,133)
```
#187d8b
```
#187d8b rgb(24,125,139)
```
#128291
```
#128291 rgb(18,130,145)
```
#0c8797
```
#0c8797 rgb(12,135,151)
```
#058c9e
```
#058c9e rgb(5,140,158)
```

Tone Color Variation

Below, you can see how #2b6f78 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
#526062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6d79 Protanopia 1% of men
#6c6b83 Deuteranopia 1% of men
#36767f Tritanopia 0.001% of the population

Trichromacy

#546d78 Protanomaly 1% of men, 0.01% of women
#546c7f Deuteranomaly 6% of men, 0.4% of women
#32737c Tritanomaly 0.01% of the population