#2f6963 hex color

In a RGB color space, hex #2f6963 is composed of 18.4% red, 41.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 0% magenta, 5.7% yellow and 58.8% black. It has a hue angle of 173.8 degrees, a saturation of 38.2% and a lightness of 29.8%. #2f6963 color hex could be obtained by blending #5ed2c6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 41
- B 39
RGB color chart
- C 55
- M 0
- Y 6
- K 59
CMYK color chart

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

The hexadecimal color #2f6963 has RGB values of R:47, G:105, B:99 and CMYK values of C:0.55, M:0, Y:0.06, K:0.59. Its decimal value is 3107171.

Hex triplet	2f6963	`#2f6963`
RGB Decimal	47, 105, 99	`rgb(47,105,99)`
RGB Percent	18.4, 41.2, 38.8	`rgb(18.4%,41.2%,38.8%)`
CMYK	55, 0, 6, 59
HSL	173.8°, 38.2, 29.8	`hsl(173.8,38.2%,29.8%)`
HSV (or HSB)	173.8°, 55.2, 41.2
Web Safe	336666	`#336666`

CIE-LAB	40.586, -20.525, -2.407
XYZ	8.475, 11.608, 13.598
xyY	0.252, 0.345, 11.608
CIE-LCH	40.586, 20.666, 186.689
CIE-LUV	40.586, -24.311, -0.353
Hunter-Lab	34.07, -15.219, 0.186
Binary	00101111, 01101001, 01100011

#2f6963
```
#2f6963 rgb(47,105,99)
```
#692f35
```
#692f35 rgb(105,47,53)
```

Complementary Color

#2f6946
```
#2f6946 rgb(47,105,70)
```
#2f6963
```
#2f6963 rgb(47,105,99)
```
#2f5269
```
#2f5269 rgb(47,82,105)
```

Analogous Color

#69462f
```
#69462f rgb(105,70,47)
```
#2f6963
```
#2f6963 rgb(47,105,99)
```
#692f52
```
#692f52 rgb(105,47,82)
```

Split Complementary Color

#69632f
```
#69632f rgb(105,99,47)
```
#2f6963
```
#2f6963 rgb(47,105,99)
```
#632f69
```
#632f69 rgb(99,47,105)
```

Triadic Color

#35692f
```
#35692f rgb(53,105,47)
```
#2f6963
```
#2f6963 rgb(47,105,99)
```
#632f69
```
#632f69 rgb(99,47,105)
```
#692f35
```
#692f35 rgb(105,47,53)
```

Tetradic Color

#173431
```
#173431 rgb(23,52,49)
```
#1f4642
```
#1f4642 rgb(31,70,66)
```
#275752
```
#275752 rgb(39,87,82)
```
#2f6963
```
#2f6963 rgb(47,105,99)
```
#377b74
```
#377b74 rgb(55,123,116)
```
#3f8c84
```
#3f8c84 rgb(63,140,132)
```
#479e95
```
#479e95 rgb(71,158,149)
```

Monochromatic Color

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

#2f6955
```
#2f6955 rgb(47,105,85)
```
#2f6959
```
#2f6959 rgb(47,105,89)
```
#2f695e
```
#2f695e rgb(47,105,94)
```
#2f6963
```
#2f6963 rgb(47,105,99)
```
#2f6968
```
#2f6968 rgb(47,105,104)
```
#2f6569
```
#2f6569 rgb(47,101,105)
```
#2f6169
```
#2f6169 rgb(47,97,105)
```

Similar Colors

Text with hexadecimal color #2f6963

This text has a font color of #2f6963.

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

#2f6963 background color

This paragraph has a background color of #2f6963.

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

#2f6963 border color

This element has a border color of #2f6963.

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

CSS codes

.text {color:#2f6963;}

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

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

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

#050a0a
```
#050a0a rgb(5,10,10)
```
#0b1816
```
#0b1816 rgb(11,24,22)
```
#112523
```
#112523 rgb(17,37,35)
```
#173330
```
#173330 rgb(23,51,48)
```
#1d403d
```
#1d403d rgb(29,64,61)
```
#234e49
```
#234e49 rgb(35,78,73)
```
#295b56
```
#295b56 rgb(41,91,86)
```
#2f6963
```
#2f6963 rgb(47,105,99)
```
#357770
```
#357770 rgb(53,119,112)
```
#3b847d
```
#3b847d rgb(59,132,125)
```
#419289
```
#419289 rgb(65,146,137)
```
#479f96
```
#479f96 rgb(71,159,150)
```
#4dada3
```
#4dada3 rgb(77,173,163)
```

Shade Color Variation

#59b5ab
```
#59b5ab rgb(89,181,171)
```
#67bbb2
```
#67bbb2 rgb(103,187,178)
```
#74c1b9
```
#74c1b9 rgb(116,193,185)
```
#82c7c0
```
#82c7c0 rgb(130,199,192)
```
#8fcdc7
```
#8fcdc7 rgb(143,205,199)
```
#9dd3cd
```
#9dd3cd rgb(157,211,205)
```
#aad9d4
```
#aad9d4 rgb(170,217,212)
```
#b8dfdb
```
#b8dfdb rgb(184,223,219)
```
#c5e5e2
```
#c5e5e2 rgb(197,229,226)
```
#d3ebe9
```
#d3ebe9 rgb(211,235,233)
```
#e0f1f0
```
#e0f1f0 rgb(224,241,240)
```
#eef7f6
```
#eef7f6 rgb(238,247,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#465250
```
#465250 rgb(70,82,80)
```
#415755
```
#415755 rgb(65,87,85)
```
#3b5d5a
```
#3b5d5a rgb(59,93,90)
```
#35635e
```
#35635e rgb(53,99,94)
```
#2f6963
```
#2f6963 rgb(47,105,99)
```
#296f68
```
#296f68 rgb(41,111,104)
```
#23756c
```
#23756c rgb(35,117,108)
```
#1d7b71
```
#1d7b71 rgb(29,123,113)
```
#188076
```
#188076 rgb(24,128,118)
```
#12867a
```
#12867a rgb(18,134,122)
```
#0c8c7f
```
#0c8c7f rgb(12,140,127)
```
#069283
```
#069283 rgb(6,146,131)
```
#009888
```
#009888 rgb(0,152,136)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5b59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6766 Protanopia 1% of men
#6e656f Deuteranopia 1% of men
#3e6e77 Tritanopia 0.001% of the population

Trichromacy

#546865 Protanomaly 1% of men, 0.01% of women
#57666a Deuteranomaly 6% of men, 0.4% of women
#396c6f Tritanomaly 0.01% of the population

#2f6963 hex color

#2f6963 Color Information

#2f6963 Color Conversion

Color Schemes with #2f6963

Alternatives to #2f6963

#2f6963 Preview

Shades and Tints of #2f6963

Tones of #2f6963

Color Blindness Simulator