#2f6561 hex color

In a RGB color space, hex #2f6561 is composed of 18.4% red, 39.6% green and 38% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 0% magenta, 4% yellow and 60.4% black. It has a hue angle of 175.6 degrees, a saturation of 36.5% and a lightness of 29%. #2f6561 color hex could be obtained by blending #5ecac2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 40
- B 38
RGB color chart
- C 53
- M 0
- Y 4
- K 60
CMYK color chart

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

The hexadecimal color #2f6561 has RGB values of R:47, G:101, B:97 and CMYK values of C:0.53, M:0, Y:0.04, K:0.6. Its decimal value is 3106145.

Hex triplet	2f6561	`#2f6561`
RGB Decimal	47, 101, 97	`rgb(47,101,97)`
RGB Percent	18.4, 39.6, 38	`rgb(18.4%,39.6%,38%)`
CMYK	53, 0, 4, 60
HSL	175.6°, 36.5, 29	`hsl(175.6,36.5%,29%)`
HSV (or HSB)	175.6°, 53.5, 39.6
Web Safe	336666	`#336666`

CIE-LAB	39.198, -18.953, -3.232
XYZ	7.983, 10.774, 12.968
xyY	0.252, 0.34, 10.774
CIE-LCH	39.198, 19.227, 189.677
CIE-LUV	39.198, -22.771, -1.661
Hunter-Lab	32.824, -14.03, -0.446
Binary	00101111, 01100101, 01100001

#2f6561
```
#2f6561 rgb(47,101,97)
```
#652f33
```
#652f33 rgb(101,47,51)
```

Complementary Color

#2f6546
```
#2f6546 rgb(47,101,70)
```
#2f6561
```
#2f6561 rgb(47,101,97)
```
#2f4e65
```
#2f4e65 rgb(47,78,101)
```

Analogous Color

#65462f
```
#65462f rgb(101,70,47)
```
#2f6561
```
#2f6561 rgb(47,101,97)
```
#652f4e
```
#652f4e rgb(101,47,78)
```

Split Complementary Color

#65612f
```
#65612f rgb(101,97,47)
```
#2f6561
```
#2f6561 rgb(47,101,97)
```
#612f65
```
#612f65 rgb(97,47,101)
```

Triadic Color

#33652f
```
#33652f rgb(51,101,47)
```
#2f6561
```
#2f6561 rgb(47,101,97)
```
#612f65
```
#612f65 rgb(97,47,101)
```
#652f33
```
#652f33 rgb(101,47,51)
```

Tetradic Color

#17312f
```
#17312f rgb(23,49,47)
```
#1f4240
```
#1f4240 rgb(31,66,64)
```
#275450
```
#275450 rgb(39,84,80)
```
#2f6561
```
#2f6561 rgb(47,101,97)
```
#377672
```
#377672 rgb(55,118,114)
```
#3f8882
```
#3f8882 rgb(63,136,130)
```
#479993
```
#479993 rgb(71,153,147)
```

Monochromatic Color

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

#2f6554
```
#2f6554 rgb(47,101,84)
```
#2f6558
```
#2f6558 rgb(47,101,88)
```
#2f655d
```
#2f655d rgb(47,101,93)
```
#2f6561
```
#2f6561 rgb(47,101,97)
```
#2f6565
```
#2f6565 rgb(47,101,101)
```
#2f6065
```
#2f6065 rgb(47,96,101)
```
#2f5c65
```
#2f5c65 rgb(47,92,101)
```

Similar Colors

Text with hexadecimal color #2f6561

This text has a font color of #2f6561.

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

#2f6561 background color

This paragraph has a background color of #2f6561.

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

#2f6561 border color

This element has a border color of #2f6561.

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

CSS codes

.text {color:#2f6561;}

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

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

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

#030707
```
#030707 rgb(3,7,7)
```
#0a1514
```
#0a1514 rgb(10,21,20)
```
#102221
```
#102221 rgb(16,34,33)
```
#162f2e
```
#162f2e rgb(22,47,46)
```
#1c3d3a
```
#1c3d3a rgb(28,61,58)
```
#234a47
```
#234a47 rgb(35,74,71)
```
#295854
```
#295854 rgb(41,88,84)
```
#2f6561
```
#2f6561 rgb(47,101,97)
```
#35726e
```
#35726e rgb(53,114,110)
```
#3b807b
```
#3b807b rgb(59,128,123)
```
#428d88
```
#428d88 rgb(66,141,136)
```
#489b94
```
#489b94 rgb(72,155,148)
```
#4ea8a1
```
#4ea8a1 rgb(78,168,161)
```

Shade Color Variation

#58b1ab
```
#58b1ab rgb(88,177,171)
```
#66b8b2
```
#66b8b2 rgb(102,184,178)
```
#73beb8
```
#73beb8 rgb(115,190,184)
```
#80c4bf
```
#80c4bf rgb(128,196,191)
```
#8ecac6
```
#8ecac6 rgb(142,202,198)
```
#9bd1cd
```
#9bd1cd rgb(155,209,205)
```
#a9d7d3
```
#a9d7d3 rgb(169,215,211)
```
#b6ddda
```
#b6ddda rgb(182,221,218)
```
#c3e3e1
```
#c3e3e1 rgb(195,227,225)
```
#d1e9e8
```
#d1e9e8 rgb(209,233,232)
```
#def0ee
```
#def0ee rgb(222,240,238)
```
#ecf6f5
```
#ecf6f5 rgb(236,246,245)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#464e4e
```
#464e4e rgb(70,78,78)
```
#405452
```
#405452 rgb(64,84,82)
```
#3a5a57
```
#3a5a57 rgb(58,90,87)
```
#355f5c
```
#355f5c rgb(53,95,92)
```
#2f6561
```
#2f6561 rgb(47,101,97)
```
#296b66
```
#296b66 rgb(41,107,102)
```
#24706b
```
#24706b rgb(36,112,107)
```
#1e7670
```
#1e7670 rgb(30,118,112)
```
#187c74
```
#187c74 rgb(24,124,116)
```
#138179
```
#138179 rgb(19,129,121)
```
#0d877e
```
#0d877e rgb(13,135,126)
```
#078d83
```
#078d83 rgb(7,141,131)
```
#019388
```
#019388 rgb(1,147,136)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d5757 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666464 Protanopia 1% of men
#6a626d Deuteranopia 1% of men
#3d6b73 Tritanopia 0.001% of the population

Trichromacy

#526463 Protanomaly 1% of men, 0.01% of women
#546368 Deuteranomaly 6% of men, 0.4% of women
#38696c Tritanomaly 0.01% of the population

#2f6561 hex color

#2f6561 Color Information

#2f6561 Color Conversion

Color Schemes with #2f6561

Alternatives to #2f6561

#2f6561 Preview

Shades and Tints of #2f6561

Tones of #2f6561

Color Blindness Simulator