#2f6b77 hex color

In a RGB color space, hex #2f6b77 is composed of 18.4% red, 42% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 10.1% magenta, 0% yellow and 53.3% black. It has a hue angle of 190 degrees, a saturation of 43.4% and a lightness of 32.5%. #2f6b77 color hex could be obtained by blending #5ed6ee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 42
- B 47
RGB color chart
- C 61
- M 10
- Y 0
- K 53
CMYK color chart

● #2f6b77 color description : Dark moderate cyan.

The hexadecimal color #2f6b77 has RGB values of R:47, G:107, B:119 and CMYK values of C:0.61, M:0.1, Y:0, K:0.53. Its decimal value is 3107703.

Hex triplet	2f6b77	`#2f6b77`
RGB Decimal	47, 107, 119	`rgb(47,107,119)`
RGB Percent	18.4, 42, 46.7	`rgb(18.4%,42%,46.7%)`
CMYK	61, 10, 0, 53
HSL	190°, 43.4, 32.5	`hsl(190,43.4%,32.5%)`
HSV (or HSB)	190°, 60.5, 46.7
Web Safe	336666	`#336666`

CIE-LAB	41.924, -15.542, -12.557
XYZ	9.759, 12.451, 19.341
xyY	0.235, 0.3, 12.451
CIE-LCH	41.924, 19.981, 218.936
CIE-LUV	41.924, -24.245, -15.318
Hunter-Lab	35.286, -12.383, -7.798
Binary	00101111, 01101011, 01110111

#2f6b77
```
#2f6b77 rgb(47,107,119)
```
#773b2f
```
#773b2f rgb(119,59,47)
```

Complementary Color

#2f775f
```
#2f775f rgb(47,119,95)
```
#2f6b77
```
#2f6b77 rgb(47,107,119)
```
#2f4777
```
#2f4777 rgb(47,71,119)
```

Analogous Color

#775f2f
```
#775f2f rgb(119,95,47)
```
#2f6b77
```
#2f6b77 rgb(47,107,119)
```
#772f47
```
#772f47 rgb(119,47,71)
```

Split Complementary Color

#6b772f
```
#6b772f rgb(107,119,47)
```
#2f6b77
```
#2f6b77 rgb(47,107,119)
```
#772f6b
```
#772f6b rgb(119,47,107)
```

Triadic Color

#2f773b
```
#2f773b rgb(47,119,59)
```
#2f6b77
```
#2f6b77 rgb(47,107,119)
```
#772f6b
```
#772f6b rgb(119,47,107)
```
#773b2f
```
#773b2f rgb(119,59,47)
```

Tetradic Color

#193a40
```
#193a40 rgb(25,58,64)
```
#214a52
```
#214a52 rgb(33,74,82)
```
#285b65
```
#285b65 rgb(40,91,101)
```
#2f6b77
```
#2f6b77 rgb(47,107,119)
```
#367b89
```
#367b89 rgb(54,123,137)
```
#3d8c9c
```
#3d8c9c rgb(61,140,156)
```
#459cae
```
#459cae rgb(69,156,174)
```

Monochromatic Color

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

#2f7771
```
#2f7771 rgb(47,119,113)
```
#2f7777
```
#2f7777 rgb(47,119,119)
```
#2f7177
```
#2f7177 rgb(47,113,119)
```
#2f6b77
```
#2f6b77 rgb(47,107,119)
```
#2f6577
```
#2f6577 rgb(47,101,119)
```
#2f5f77
```
#2f5f77 rgb(47,95,119)
```
#2f5977
```
#2f5977 rgb(47,89,119)
```

Similar Colors

Text with hexadecimal color #2f6b77

This text has a font color of #2f6b77.

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

#2f6b77 background color

This paragraph has a background color of #2f6b77.

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

#2f6b77 border color

This element has a border color of #2f6b77.

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

CSS codes

.text {color:#2f6b77;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#081215
```
#081215 rgb(8,18,21)
```
#0e1f23
```
#0e1f23 rgb(14,31,35)
```
#132c31
```
#132c31 rgb(19,44,49)
```
#19383f
```
#19383f rgb(25,56,63)
```
#1e454d
```
#1e454d rgb(30,69,77)
```
#24525b
```
#24525b rgb(36,82,91)
```
#295e69
```
#295e69 rgb(41,94,105)
```
#2f6b77
```
#2f6b77 rgb(47,107,119)
```
#357885
```
#357885 rgb(53,120,133)
```
#3a8493
```
#3a8493 rgb(58,132,147)
```
#4091a1
```
#4091a1 rgb(64,145,161)
```
#459eaf
```
#459eaf rgb(69,158,175)
```

Shade Color Variation

#4fa8b9
```
#4fa8b9 rgb(79,168,185)
```
#5dafbf
```
#5dafbf rgb(93,175,191)
```
#6bb6c4
```
#6bb6c4 rgb(107,182,196)
```
#79bdca
```
#79bdca rgb(121,189,202)
```
#87c3d0
```
#87c3d0 rgb(135,195,208)
```
#95cad5
```
#95cad5 rgb(149,202,213)
```
#a3d1db
```
#a3d1db rgb(163,209,219)
```
#b1d8e0
```
#b1d8e0 rgb(177,216,224)
```
#bfdfe6
```
#bfdfe6 rgb(191,223,230)
```
#cde6eb
```
#cde6eb rgb(205,230,235)
```
#dbedf1
```
#dbedf1 rgb(219,237,241)
```
#e9f4f6
```
#e9f4f6 rgb(233,244,246)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

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

#4f5657
```
#4f5657 rgb(79,86,87)
```
#495a5d
```
#495a5d rgb(73,90,93)
```
#425e64
```
#425e64 rgb(66,94,100)
```
#3c626a
```
#3c626a rgb(60,98,106)
```
#356771
```
#356771 rgb(53,103,113)
```
#2f6b77
```
#2f6b77 rgb(47,107,119)
```
#296f7d
```
#296f7d rgb(41,111,125)
```
#227484
```
#227484 rgb(34,116,132)
```
#1c788a
```
#1c788a rgb(28,120,138)
```
#157c91
```
#157c91 rgb(21,124,145)
```
#0f8097
```
#0f8097 rgb(15,128,151)
```
#09859d
```
#09859d rgb(9,133,157)
```
#0289a4
```
#0289a4 rgb(2,137,164)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#515d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686a78 Protanopia 1% of men
#686981 Deuteranopia 1% of men
#38737b Tritanopia 0.001% of the population

Trichromacy

#536a78 Protanomaly 1% of men, 0.01% of women
#53697d Deuteranomaly 6% of men, 0.4% of women
#357079 Tritanomaly 0.01% of the population

#2f6b77 hex color

#2f6b77 Color Information

#2f6b77 Color Conversion

Color Schemes with #2f6b77

Alternatives to #2f6b77

#2f6b77 Preview

Shades and Tints of #2f6b77

Tones of #2f6b77

Color Blindness Simulator