#2f6567 hex color

In a RGB color space, hex #2f6567 is composed of 18.4% red, 39.6% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 1.9% magenta, 0% yellow and 59.6% black. It has a hue angle of 182.1 degrees, a saturation of 37.3% and a lightness of 29.4%. #2f6567 color hex could be obtained by blending #5ecace with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #2f6567 has RGB values of R:47, G:101, B:103 and CMYK values of C:0.54, M:0.02, Y:0, K:0.6. Its decimal value is 3106151.

Hex triplet	2f6567	`#2f6567`
RGB Decimal	47, 101, 103	`rgb(47,101,103)`
RGB Percent	18.4, 39.6, 40.4	`rgb(18.4%,39.6%,40.4%)`
CMYK	54, 2, 0, 60
HSL	182.1°, 37.3, 29.4	`hsl(182.1,37.3%,29.4%)`
HSV (or HSB)	182.1°, 54.4, 40.4
Web Safe	336666	`#336666`

CIE-LAB	39.395, -17.181, -6.618
XYZ	8.273, 10.89, 14.497
xyY	0.246, 0.324, 10.89
CIE-LCH	39.395, 18.412, 201.065
CIE-LUV	39.395, -22.535, -6.512
Hunter-Lab	33.001, -13, -2.946
Binary	00101111, 01100101, 01100111

#2f6567
```
#2f6567 rgb(47,101,103)
```
#67312f
```
#67312f rgb(103,49,47)
```

Complementary Color

#2f674d
```
#2f674d rgb(47,103,77)
```
#2f6567
```
#2f6567 rgb(47,101,103)
```
#2f4967
```
#2f4967 rgb(47,73,103)
```

Analogous Color

#674d2f
```
#674d2f rgb(103,77,47)
```
#2f6567
```
#2f6567 rgb(47,101,103)
```
#672f49
```
#672f49 rgb(103,47,73)
```

Split Complementary Color

#65672f
```
#65672f rgb(101,103,47)
```
#2f6567
```
#2f6567 rgb(47,101,103)
```
#672f65
```
#672f65 rgb(103,47,101)
```

Triadic Color

#2f6731
```
#2f6731 rgb(47,103,49)
```
#2f6567
```
#2f6567 rgb(47,101,103)
```
#672f65
```
#672f65 rgb(103,47,101)
```
#67312f
```
#67312f rgb(103,49,47)
```

Tetradic Color

#173132
```
#173132 rgb(23,49,50)
```
#1f4344
```
#1f4344 rgb(31,67,68)
```
#275455
```
#275455 rgb(39,84,85)
```
#2f6567
```
#2f6567 rgb(47,101,103)
```
#377679
```
#377679 rgb(55,118,121)
```
#3f878a
```
#3f878a rgb(63,135,138)
```
#47999c
```
#47999c rgb(71,153,156)
```

Monochromatic Color

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

#2f675b
```
#2f675b rgb(47,103,91)
```
#2f6760
```
#2f6760 rgb(47,103,96)
```
#2f6764
```
#2f6764 rgb(47,103,100)
```
#2f6567
```
#2f6567 rgb(47,101,103)
```
#2f6067
```
#2f6067 rgb(47,96,103)
```
#2f5c67
```
#2f5c67 rgb(47,92,103)
```
#2f5767
```
#2f5767 rgb(47,87,103)
```

Similar Colors

Text with hexadecimal color #2f6567

This text has a font color of #2f6567.

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

#2f6567 background color

This paragraph has a background color of #2f6567.

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

#2f6567 border color

This element has a border color of #2f6567.

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

CSS codes

.text {color:#2f6567;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0a1616
```
#0a1616 rgb(10,22,22)
```
#102324
```
#102324 rgb(16,35,36)
```
#163031
```
#163031 rgb(22,48,49)
```
#1d3d3f
```
#1d3d3f rgb(29,61,63)
```
#234b4c
```
#234b4c rgb(35,75,76)
```
#29585a
```
#29585a rgb(41,88,90)
```
#2f6567
```
#2f6567 rgb(47,101,103)
```
#357274
```
#357274 rgb(53,114,116)
```
#3b7f82
```
#3b7f82 rgb(59,127,130)
```
#418d8f
```
#418d8f rgb(65,141,143)
```
#489a9d
```
#489a9d rgb(72,154,157)
```
#4ea7aa
```
#4ea7aa rgb(78,167,170)
```

Shade Color Variation

#59b0b3
```
#59b0b3 rgb(89,176,179)
```
#66b6b9
```
#66b6b9 rgb(102,182,185)
```
#74bdbf
```
#74bdbf rgb(116,189,191)
```
#81c3c6
```
#81c3c6 rgb(129,195,198)
```
#8ec9cc
```
#8ec9cc rgb(142,201,204)
```
#9cd0d2
```
#9cd0d2 rgb(156,208,210)
```
#a9d6d8
```
#a9d6d8 rgb(169,214,216)
```
#b7ddde
```
#b7ddde rgb(183,221,222)
```
#c4e3e4
```
#c4e3e4 rgb(196,227,228)
```
#d2eaea
```
#d2eaea rgb(210,234,234)
```
#dff0f1
```
#dff0f1 rgb(223,240,241)
```
#edf6f7
```
#edf6f7 rgb(237,246,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#465050
```
#465050 rgb(70,80,80)
```
#405556
```
#405556 rgb(64,85,86)
```
#3b5a5b
```
#3b5a5b rgb(59,90,91)
```
#356061
```
#356061 rgb(53,96,97)
```
#2f6567
```
#2f6567 rgb(47,101,103)
```
#296a6d
```
#296a6d rgb(41,106,109)
```
#237073
```
#237073 rgb(35,112,115)
```
#1e7578
```
#1e7578 rgb(30,117,120)
```
#187a7e
```
#187a7e rgb(24,122,126)
```
#128084
```
#128084 rgb(18,128,132)
```
#0c858a
```
#0c858a rgb(12,133,138)
```
#078b8f
```
#078b8f rgb(7,139,143)
```
#019095
```
#019095 rgb(1,144,149)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5859 Atypical Achromatopsia 0.001% of the population

Dichromacy

#65646a Protanopia 1% of men
#676272 Deuteranopia 1% of men
#3c6c74 Tritanopia 0.001% of the population

Trichromacy

#516469 Protanomaly 1% of men, 0.01% of women
#53636e Deuteranomaly 6% of men, 0.4% of women
#37696f Tritanomaly 0.01% of the population

#2f6567 hex color

#2f6567 Color Information

#2f6567 Color Conversion

Color Schemes with #2f6567

Alternatives to #2f6567

#2f6567 Preview

Shades and Tints of #2f6567

Tones of #2f6567

Color Blindness Simulator