#2f6b63 hex color

In a RGB color space, hex #2f6b63 is composed of 18.4% red, 42% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 0% magenta, 7.5% yellow and 58% black. It has a hue angle of 172 degrees, a saturation of 39% and a lightness of 30.2%. #2f6b63 color hex could be obtained by blending #5ed6c6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 42
- B 39
RGB color chart
- C 56
- M 0
- Y 7
- K 58
CMYK color chart

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

The hexadecimal color #2f6b63 has RGB values of R:47, G:107, B:99 and CMYK values of C:0.56, M:0, Y:0.07, K:0.58. Its decimal value is 3107683.

Hex triplet	2f6b63	`#2f6b63`
RGB Decimal	47, 107, 99	`rgb(47,107,99)`
RGB Percent	18.4, 42, 38.8	`rgb(18.4%,42%,38.8%)`
CMYK	56, 0, 7, 58
HSL	172°, 39, 30.2	`hsl(172,39%,30.2%)`
HSV (or HSB)	172°, 56.1, 42
Web Safe	336666	`#336666`

CIE-LAB	41.248, -21.582, -1.434
XYZ	8.681, 12.02, 13.666
xyY	0.253, 0.35, 12.02
CIE-LCH	41.248, 21.63, 183.8
CIE-LUV	41.248, -25.119, 1.1
Hunter-Lab	34.67, -15.975, 0.898
Binary	00101111, 01101011, 01100011

#2f6b63
```
#2f6b63 rgb(47,107,99)
```
#6b2f37
```
#6b2f37 rgb(107,47,55)
```

Complementary Color

#2f6b45
```
#2f6b45 rgb(47,107,69)
```
#2f6b63
```
#2f6b63 rgb(47,107,99)
```
#2f556b
```
#2f556b rgb(47,85,107)
```

Analogous Color

#6b452f
```
#6b452f rgb(107,69,47)
```
#2f6b63
```
#2f6b63 rgb(47,107,99)
```
#6b2f55
```
#6b2f55 rgb(107,47,85)
```

Split Complementary Color

#6b632f
```
#6b632f rgb(107,99,47)
```
#2f6b63
```
#2f6b63 rgb(47,107,99)
```
#632f6b
```
#632f6b rgb(99,47,107)
```

Triadic Color

#376b2f
```
#376b2f rgb(55,107,47)
```
#2f6b63
```
#2f6b63 rgb(47,107,99)
```
#632f6b
```
#632f6b rgb(99,47,107)
```
#6b2f37
```
#6b2f37 rgb(107,47,55)
```

Tetradic Color

#183632
```
#183632 rgb(24,54,50)
```
#1f4842
```
#1f4842 rgb(31,72,66)
```
#275953
```
#275953 rgb(39,89,83)
```
#2f6b63
```
#2f6b63 rgb(47,107,99)
```
#377d73
```
#377d73 rgb(55,125,115)
```
#3f8e84
```
#3f8e84 rgb(63,142,132)
```
#46a094
```
#46a094 rgb(70,160,148)
```

Monochromatic Color

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

#2f6b54
```
#2f6b54 rgb(47,107,84)
```
#2f6b59
```
#2f6b59 rgb(47,107,89)
```
#2f6b5e
```
#2f6b5e rgb(47,107,94)
```
#2f6b63
```
#2f6b63 rgb(47,107,99)
```
#2f6b68
```
#2f6b68 rgb(47,107,104)
```
#2f696b
```
#2f696b rgb(47,105,107)
```
#2f646b
```
#2f646b rgb(47,100,107)
```

Similar Colors

Text with hexadecimal color #2f6b63

This text has a font color of #2f6b63.

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

#2f6b63 background color

This paragraph has a background color of #2f6b63.

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

#2f6b63 border color

This element has a border color of #2f6b63.

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

CSS codes

.text {color:#2f6b63;}

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

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

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

#050c0b
```
#050c0b rgb(5,12,11)
```
#0b1917
```
#0b1917 rgb(11,25,23)
```
#112724
```
#112724 rgb(17,39,36)
```
#173431
```
#173431 rgb(23,52,49)
```
#1d423d
```
#1d423d rgb(29,66,61)
```
#23504a
```
#23504a rgb(35,80,74)
```
#295d56
```
#295d56 rgb(41,93,86)
```
#2f6b63
```
#2f6b63 rgb(47,107,99)
```
#357970
```
#357970 rgb(53,121,112)
```
#3b867c
```
#3b867c rgb(59,134,124)
```
#419489
```
#419489 rgb(65,148,137)
```
#47a295
```
#47a295 rgb(71,162,149)
```
#4dafa2
```
#4dafa2 rgb(77,175,162)
```

Shade Color Variation

#59b6aa
```
#59b6aa rgb(89,182,170)
```
#67bcb1
```
#67bcb1 rgb(103,188,177)
```
#75c2b8
```
#75c2b8 rgb(117,194,184)
```
#82c8bf
```
#82c8bf rgb(130,200,191)
```
#90cec6
```
#90cec6 rgb(144,206,198)
```
#9ed4cd
```
#9ed4cd rgb(158,212,205)
```
#abdad4
```
#abdad4 rgb(171,218,212)
```
#b9e0db
```
#b9e0db rgb(185,224,219)
```
#c6e6e2
```
#c6e6e2 rgb(198,230,226)
```
#d4ece9
```
#d4ece9 rgb(212,236,233)
```
#e2f2f0
```
#e2f2f0 rgb(226,242,240)
```
#eff8f7
```
#eff8f7 rgb(239,248,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#4d4d4d
```
#4d4d4d rgb(77,77,77)
```
#475352
```
#475352 rgb(71,83,82)
```
#415956
```
#415956 rgb(65,89,86)
```
#3b5f5a
```
#3b5f5a rgb(59,95,90)
```
#35655f
```
#35655f rgb(53,101,95)
```
#2f6b63
```
#2f6b63 rgb(47,107,99)
```
#297167
```
#297167 rgb(41,113,103)
```
#23776c
```
#23776c rgb(35,119,108)
```
#1d7d70
```
#1d7d70 rgb(29,125,112)
```
#178374
```
#178374 rgb(23,131,116)
```
#118979
```
#118979 rgb(17,137,121)
```
#0b8f7d
```
#0b8f7d rgb(11,143,125)
```
#069481
```
#069481 rgb(6,148,129)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505c5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6966 Protanopia 1% of men
#70666f Deuteranopia 1% of men
#3f7078 Tritanopia 0.001% of the population

Trichromacy

#556964 Protanomaly 1% of men, 0.01% of women
#58686a Deuteranomaly 6% of men, 0.4% of women
#396e70 Tritanomaly 0.01% of the population

#2f6b63 hex color

#2f6b63 Color Information

#2f6b63 Color Conversion

Color Schemes with #2f6b63

Alternatives to #2f6b63

#2f6b63 Preview

Shades and Tints of #2f6b63

Tones of #2f6b63

Color Blindness Simulator