#2b676f hex color

In a RGB color space, hex #2b676f is composed of 16.9% red, 40.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 7.2% magenta, 0% yellow and 56.5% black. It has a hue angle of 187.1 degrees, a saturation of 44.2% and a lightness of 30.2%. #2b676f color hex could be obtained by blending #56cede with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 40
- B 44
RGB color chart
- C 61
- M 7
- Y 0
- K 56
CMYK color chart

● #2b676f color description : Very dark cyan.

The hexadecimal color #2b676f has RGB values of R:43, G:103, B:111 and CMYK values of C:0.61, M:0.07, Y:0, K:0.56. Its decimal value is 2844527.

Hex triplet	2b676f	`#2b676f`
RGB Decimal	43, 103, 111	`rgb(43,103,111)`
RGB Percent	16.9, 40.4, 43.5	`rgb(16.9%,40.4%,43.5%)`
CMYK	61, 7, 0, 56
HSL	187.1°, 44.2, 30.2	`hsl(187.1,44.2%,30.2%)`
HSV (or HSB)	187.1°, 61.3, 43.5
Web Safe	336666	`#336666`

CIE-LAB	40.182, -16.7, -10.344
XYZ	8.715, 11.361, 16.772
xyY	0.237, 0.308, 11.361
CIE-LCH	40.182, 19.644, 211.775
CIE-LUV	40.182, -23.982, -11.857
Hunter-Lab	33.706, -12.834, -5.907
Binary	00101011, 01100111, 01101111

#2b676f
```
#2b676f rgb(43,103,111)
```
#6f332b
```
#6f332b rgb(111,51,43)
```

Complementary Color

#2b6f55
```
#2b6f55 rgb(43,111,85)
```
#2b676f
```
#2b676f rgb(43,103,111)
```
#2b456f
```
#2b456f rgb(43,69,111)
```

Analogous Color

#6f552b
```
#6f552b rgb(111,85,43)
```
#2b676f
```
#2b676f rgb(43,103,111)
```
#6f2b45
```
#6f2b45 rgb(111,43,69)
```

Split Complementary Color

#676f2b
```
#676f2b rgb(103,111,43)
```
#2b676f
```
#2b676f rgb(43,103,111)
```
#6f2b67
```
#6f2b67 rgb(111,43,103)
```

Triadic Color

#2b6f33
```
#2b6f33 rgb(43,111,51)
```
#2b676f
```
#2b676f rgb(43,103,111)
```
#6f2b67
```
#6f2b67 rgb(111,43,103)
```
#6f332b
```
#6f332b rgb(111,51,43)
```

Tetradic Color

#163438
```
#163438 rgb(22,52,56)
```
#1d454a
```
#1d454a rgb(29,69,74)
```
#24565d
```
#24565d rgb(36,86,93)
```
#2b676f
```
#2b676f rgb(43,103,111)
```
#327881
```
#327881 rgb(50,120,129)
```
#398994
```
#398994 rgb(57,137,148)
```
#409aa6
```
#409aa6 rgb(64,154,166)
```

Monochromatic Color

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

#2b6f66
```
#2b6f66 rgb(43,111,102)
```
#2b6f6c
```
#2b6f6c rgb(43,111,108)
```
#2b6d6f
```
#2b6d6f rgb(43,109,111)
```
#2b676f
```
#2b676f rgb(43,103,111)
```
#2b616f
```
#2b616f rgb(43,97,111)
```
#2b5c6f
```
#2b5c6f rgb(43,92,111)
```
#2b566f
```
#2b566f rgb(43,86,111)
```

Similar Colors

Text with hexadecimal color #2b676f

This text has a font color of #2b676f.

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

#2b676f background color

This paragraph has a background color of #2b676f.

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

#2b676f border color

This element has a border color of #2b676f.

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

CSS codes

.text {color:#2b676f;}

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

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

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, #050b0c is the darkest color, while #fdfefe is the lightest one.

#050b0c
```
#050b0c rgb(5,11,12)
```
#0a181a
```
#0a181a rgb(10,24,26)
```
#102528
```
#102528 rgb(16,37,40)
```
#153336
```
#153336 rgb(21,51,54)
```
#1b4045
```
#1b4045 rgb(27,64,69)
```
#204d53
```
#204d53 rgb(32,77,83)
```
#265a61
```
#265a61 rgb(38,90,97)
```
#2b676f
```
#2b676f rgb(43,103,111)
```
#30747d
```
#30747d rgb(48,116,125)
```
#36818b
```
#36818b rgb(54,129,139)
```
#3b8e99
```
#3b8e99 rgb(59,142,153)
```
#419ba8
```
#419ba8 rgb(65,155,168)
```
#46a9b6
```
#46a9b6 rgb(70,169,182)
```

Shade Color Variation

#53b0bc
```
#53b0bc rgb(83,176,188)
```
#61b7c2
```
#61b7c2 rgb(97,183,194)
```
#70bdc7
```
#70bdc7 rgb(112,189,199)
```
#7ec4cd
```
#7ec4cd rgb(126,196,205)
```
#8ccad2
```
#8ccad2 rgb(140,202,210)
```
#9ad1d8
```
#9ad1d8 rgb(154,209,216)
```
#a8d7dd
```
#a8d7dd rgb(168,215,221)
```
#b6dee3
```
#b6dee3 rgb(182,222,227)
```
#c4e4e8
```
#c4e4e8 rgb(196,228,232)
```
#d2ebee
```
#d2ebee rgb(210,235,238)
```
#e1f1f3
```
#e1f1f3 rgb(225,241,243)
```
#eff8f9
```
#eff8f9 rgb(239,248,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#495051
```
#495051 rgb(73,80,81)
```
#435557
```
#435557 rgb(67,85,87)
```
#3d595d
```
#3d595d rgb(61,89,93)
```
#375e63
```
#375e63 rgb(55,94,99)
```
#316269
```
#316269 rgb(49,98,105)
```
#2b676f
```
#2b676f rgb(43,103,111)
```
#256c75
```
#256c75 rgb(37,108,117)
```
#1f707b
```
#1f707b rgb(31,112,123)
```
#197581
```
#197581 rgb(25,117,129)
```
#137987
```
#137987 rgb(19,121,135)
```
#0d7e8d
```
#0d7e8d rgb(13,126,141)
```
#078293
```
#078293 rgb(7,130,147)
```
#028798
```
#028798 rgb(2,135,152)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4d595b Atypical Achromatopsia 0.001% of the population

Dichromacy

#656671 Protanopia 1% of men
#66647a Deuteranopia 1% of men
#366e76 Tritanopia 0.001% of the population

Trichromacy

#506670 Protanomaly 1% of men, 0.01% of women
#506576 Deuteranomaly 6% of men, 0.4% of women
#326b74 Tritanomaly 0.01% of the population

#2b676f hex color

#2b676f Color Information

#2b676f Color Conversion

Color Schemes with #2b676f

Alternatives to #2b676f

#2b676f Preview

Shades and Tints of #2b676f

Tones of #2b676f

Color Blindness Simulator